间距 组件css

前端下拉框组件CCDropDownFilter下拉框 筛选框 仿美团下拉筛选框

快速实现下拉框 筛选框 仿美团下拉筛选框, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12421 效果图如下: # 下拉框使用方法 #### HTML代码部分 ```html <template> <view class="conten ......
CCDropDownFilter 前端 组件

前端热力图组件heatMapGD中国地图 中国热力地图 广东省热力地图 广东省地图 地市选择

快速实现前端中国热力地图 广东省热力地图 广东省地图, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12407 # china 广东省热力地图使用方法 # map数据获取链接: http://datav.aliyun.com/portal ......
地图 热力 中国地图 地市 前端

前端仿今日头条、网易新闻 tabs组件,根据文字多少自适应tab项宽度,支持自定义标题栏

快速实现 仿今日头条、网易新闻 tabs组件,根据文字多少自适应tab项宽度, 详情请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12560 代码如下: # cc-tabs 说明 tabs组件,根据文字多少自适应tab项宽度,支持自定义标题 ......
前端 宽度 头条 组件 文字

前端分页组件简单好用列表分页page组件

快速实现 简单好用列表分页组件, 分页器组件,用于展示页码、请求数据等 ,包含翻页。 详情请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12576 效果图如下: 代码实现如下: # 简单好用列表分页组件, 分页器组件,用于展示页码、请求数据 ......
组件 前端 page

前端树形结构图组件 tree组件,可拖拽移动,点击展开收缩,无限添加子集

快速实现树形结构图组件 tree组件,可拖拽移动,点击展开收缩,无限添加子集; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12650 效果图如下: 实现代码如下: # treeShapeStruct 树形结构图,可拖拽移动, ......
组件 子集 结构图 树形 前端

九宫格菜单按钮组件,提供常见的宫格布局,如八宫格、九宫格

快速实现宫格菜单按钮组件,提供常见的宫格布局,如八宫格、九宫格的菜单组件; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12592 效果图如下: 参考代码如下: # 宫格菜单按钮组件,提供常见的宫格布局,如八宫格、九宫格 ## ......
九宫 组件 布局 按钮 菜单

INFINI Labs 产品更新 | Console 新增数据比对、新增数据看板表格组件及支持下钻功能等

INFINI Labs 产品更新啦~,本次产品版本更新包括 Gateway v1.14.0、Console v1.2.0、Easysearch v1.1.1 等,其中 Console 在上一版基础上做了很多优化改进以及新增了一些特性,如新增数据比对校验功能、数据看板模块新增了表格组件、图表组件支持下 ......
数据 看板 组件 表格 Console

基于Quartz的可视化UI操作组件GZY.Quartz.MUI更新说明(附:在ABP中集成GZY.Quartz.MUI可视化操作组件)

前言 时隔2年.(PS:其实陆陆续续在优化,不过没发博客).. .本组件又迎来了新的更新... 很久没更新博客了.生了娃,换了工作单位,太忙了..实在抱歉 NET Core 基于Quartz的UI可视化操作组件 GZY.Quartz.MUI 简介 GitHub开源地址:l2999019/GZY.Qu ......
Quartz 组件 GZY MUI ABP

react子组件传值

1.先在父组件定义函数准备接收来自子组件的数据 2.此处为在父组件声明的函数 3.子组件通过props.XXX(data)的方式传值 ......
组件 react

kubernetes 组件介绍及安装

准备 主机昵称IP安装服务 master 192.168.100.10 docker、kubelet-1.23.0 kubeadm-1.23.0 kubectl-1.23.0 node 192.168.100.20 docker、kubelet-1.23.0 kubeadm-1.23.0 kubec ......
kubernetes 组件

下滑虚线组件封装

``` {{ props.text }} ``` ![](https://img2023.cnblogs.com/blog/3004543/202305/3004543-20230526145341623-1091930706.png) ......
虚线 组件

vue3 组件传参

父组件 子组件 <iframe :src="props.src" width="100%" height="100%" frameborder="0" id="_iframe" ></iframe> 接收参数 const props = defineProps({ src: { type: Stri ......
组件 vue3 vue

直播软件搭建,css设置滚动条样式

直播软件搭建,css设置滚动条样式 设置滚动条样式 /*滚动条样式*/ ul::-webkit-scrollbar {/*滚动条整体样式*/ 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } ul::-webkit-scrollbar-thumb {/*滚动条里面小方块* ......
样式 软件 css

Vue3.3 的新功能的体验(下):泛型组件(Generic Component) 与 defineSlots

> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能,但是没有说Generic、defineSlots等,这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 ......

如何在Angular应用程序中插入自定义 CSS?这里有答案!

Kendo UI for Angular是专用于Angular开发的专业级Angular组件,telerik致力于提供纯粹的高性能Angular UI组件,无需任何jQuery依赖关系。 Kendo UI R1 2023正式版下载 Telerik_KendoUI产品技术交流群:726377843 欢 ......
应用程序 答案 Angular 程序 CSS

失传的museui控件组件属性

提示框 顶部导航条 自动补全输入 徽章 底部导航组件 按钮 时间输入框 数据表格 对话框 分割线 表单 栅格布局 图标 布局 列表 加载 加载控件 message弹框 加载进度条 选择框 选择控件 选项卡 文本输入框 消息提示 1 提示框 2 顶部导航条 3 自动补全输入 4 徽章 5 底部导航组件 ......
控件 组件 属性 museui

CSS中通配输入文字的小技巧——如何在元素名中包含通配符

CSS中,*的作用是通配表示“全部”。遗憾的是,并没有一种通配元素名的方法。 例如,我有好几个东西class都标记为了my-element-序号,就像这样: ```html ... ``` 我现在希望让所有这些class的东西都应用同一个css规则。可惜,css并不支持这么一种写法: ```css ......
通配符 元素 文字 技巧 CSS

CSS(一)

css简介 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布 ......
CSS

vue3组件间通信

# props * 父子组件之间通信最好的方式 ``` // 父组件 props:这里是父组件 // 子组件 我是子组件 {{props.money}} {{money}} 修改props数据 ``` # 自定义事件 * 父子组件通信 ``` // 父组件 点击我传递多个参数 // 子组件2 我是子 ......
组件 vue3 vue

支付宝小程序 | 上传图片组件(添加默认样式以及自定义上传样式)

使用my.uploadFile、 my.chooseImage 的方式实现图片上传 `注意`: 使用该方式上传文件,后端也需要参照官方文档进行修改 # 一、展示效果 ## 默认上传 ![demo4.gif](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbp ......
样式 组件 程序 图片

svg组件封装

1. 定义子组件 <template> <!-- svg:图标外层容器节点,内部需要与use标签结合使用 --> <svg :style="{ width, height }"> <!-- xlink:href表示执行用哪一个图标,属性值要为#icon-图标名字 --> <!-- use标签fill ......
组件 svg

使用form.ModelForm组件注意点

定义类时是使用model=table中表名 如下: class TplModelForm(BootStrapModelForm): class Meta: model = models.Template fields = "__all__"而在函数中定义时是使用form如下 def tpl(requ ......
组件 ModelForm form

el-dialog组件

当el-dialog被封装为一个单独组件,被父组件引入时,控制起显示与否的问题 父组件: <amap :visible="showMap"/> data(){ return { showMap: false, } }, 子组件: <el-dialog :visible="show"> props: ......
组件 el-dialog dialog el

云原生第四周--kubernetes组件详解(下)

## Configmap ConfigMap 是一种 API 对象,用来将非机密性的数据保存到键值对中。使用时, Pods 可以将其用作环境变量、命令行参数或者存储卷中的配置文件。 ConfigMap 将你的环境配置信息和 容器镜像 解耦,便于应用配置的修改。 使用场景: - 通过Configmap ......
kubernetes 组件

UI组件

DevExpress GrapeCity Infragistics Radzen Smart HTML Elements Syncfusion Telerik ......
组件

用css给坤坤增打篮球加一些灵动效果(ikun忠实粉丝 👻)

![ikun演示](https://lwlblog.gitee.io/img/blog/ikun.gif) 首先我们拿出珍藏已久的ikun背景图,没有的下载下来,也可以到网上找一个类似的 ![ikun.gif](https://p1-juejin.byteimg.com/tos-cn-i-k3u1f ......
粉丝 效果 篮球 128123 ikun

.vue文件中引入单独的css文件

## 问题描述 单页面应用中一般把样式文件写在.vue文件中,如下: ``` ``` ......
文件 vue css

现代 CSS 解决方案:CSS 原生支持的三角函数

在 CSS 中,存在许多数学函数,这些函数能够通过简单的计算操作来生成某些属性值,例如 : * calc():用于计算任意长度、百分比或数值型数据,并将其作为 CSS 属性值。 * min() 和 max():用于比较一组数值中的最大值或最小值,也可以与任意长度、百分比或数值型数据一同使用。 * c ......
函数 CSS 解决方案 方案

vscode:如何在保存less文件时,自动生成对应的css文件,并指定css文件的保存路径

一、下载安装Easy LESS首先利用vscode的插件功能搜索并下载安装Easy LESS 点击Install,安装自动生成css文件的插件Easy LESS 二、指定css文件保存路径点击设置——》扩展设置点击在setting.json中编辑方法有两种:两种方法都是修改如下部分 (一):相对路径 ......
文件 自动生成 路径 css vscode

VSCode的Minify自动压缩html css js插件

VSCode的Minify自动压缩html css js插件 11-26分类: VSCode25个赞 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css ......
插件 VSCode Minify html css