间距 组件css
前端下拉框组件CCDropDownFilter下拉框 筛选框 仿美团下拉筛选框
快速实现下拉框 筛选框 仿美团下拉筛选框, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12421 效果图如下: # 下拉框使用方法 #### HTML代码部分 ```html <template> <view class="conten ......
前端热力图组件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 效果图如下: 代码实现如下: # 简单好用列表分页组件, 分页器组件,用于展示页码、请求数据 ......
前端树形结构图组件 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 在上一版基础上做了很多优化改进以及新增了一些特性,如新增数据比对校验功能、数据看板模块新增了表格组件、图表组件支持下 ......
基于Quartz的可视化UI操作组件GZY.Quartz.MUI更新说明(附:在ABP中集成GZY.Quartz.MUI可视化操作组件)
前言 时隔2年.(PS:其实陆陆续续在优化,不过没发博客).. .本组件又迎来了新的更新... 很久没更新博客了.生了娃,换了工作单位,太忙了..实在抱歉 NET Core 基于Quartz的UI可视化操作组件 GZY.Quartz.MUI 简介 GitHub开源地址:l2999019/GZY.Qu ......
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 ......
下滑虚线组件封装
``` {{ 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 ......
直播软件搭建,css设置滚动条样式
直播软件搭建,css设置滚动条样式 设置滚动条样式 /*滚动条样式*/ ul::-webkit-scrollbar {/*滚动条整体样式*/ 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } ul::-webkit-scrollbar-thumb {/*滚动条里面小方块* ......
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 欢 ......
失传的museui控件组件属性
提示框 顶部导航条 自动补全输入 徽章 底部导航组件 按钮 时间输入框 数据表格 对话框 分割线 表单 栅格布局 图标 布局 列表 加载 加载控件 message弹框 加载进度条 选择框 选择控件 选项卡 文本输入框 消息提示 1 提示框 2 顶部导航条 3 自动补全输入 4 徽章 5 底部导航组件 ......
CSS中通配输入文字的小技巧——如何在元素名中包含通配符
CSS中,*的作用是通配表示“全部”。遗憾的是,并没有一种通配元素名的方法。 例如,我有好几个东西class都标记为了my-element-序号,就像这样: ```html ... ``` 我现在希望让所有这些class的东西都应用同一个css规则。可惜,css并不支持这么一种写法: ```css ......
CSS(一)
css简介 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布 ......
vue3组件间通信
# props * 父子组件之间通信最好的方式 ``` // 父组件 props:这里是父组件 // 子组件 我是子组件 {{props.money}} {{money}} 修改props数据 ``` # 自定义事件 * 父子组件通信 ``` // 父组件 点击我传递多个参数 // 子组件2 我是子 ......
支付宝小程序 | 上传图片组件(添加默认样式以及自定义上传样式)
使用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 ......
使用form.ModelForm组件注意点
定义类时是使用model=table中表名 如下: class TplModelForm(BootStrapModelForm): class Meta: model = models.Template fields = "__all__"而在函数中定义时是使用form如下 def tpl(requ ......
el-dialog组件
当el-dialog被封装为一个单独组件,被父组件引入时,控制起显示与否的问题 父组件: <amap :visible="showMap"/> data(){ return { showMap: false, } }, 子组件: <el-dialog :visible="show"> props: ......
云原生第四周--kubernetes组件详解(下)
## Configmap ConfigMap 是一种 API 对象,用来将非机密性的数据保存到键值对中。使用时, Pods 可以将其用作环境变量、命令行参数或者存储卷中的配置文件。 ConfigMap 将你的环境配置信息和 容器镜像 解耦,便于应用配置的修改。 使用场景: - 通过Configmap ......
用css给坤坤增打篮球加一些灵动效果(ikun忠实粉丝 👻)
![ikun演示](https://lwlblog.gitee.io/img/blog/ikun.gif) 首先我们拿出珍藏已久的ikun背景图,没有的下载下来,也可以到网上找一个类似的 ![ikun.gif](https://p1-juejin.byteimg.com/tos-cn-i-k3u1f ......
现代 CSS 解决方案:CSS 原生支持的三角函数
在 CSS 中,存在许多数学函数,这些函数能够通过简单的计算操作来生成某些属性值,例如 : * calc():用于计算任意长度、百分比或数值型数据,并将其作为 CSS 属性值。 * min() 和 max():用于比较一组数值中的最大值或最小值,也可以与任意长度、百分比或数值型数据一同使用。 * c ......
vscode:如何在保存less文件时,自动生成对应的css文件,并指定css文件的保存路径
一、下载安装Easy LESS首先利用vscode的插件功能搜索并下载安装Easy LESS 点击Install,安装自动生成css文件的插件Easy LESS 二、指定css文件保存路径点击设置——》扩展设置点击在setting.json中编辑方法有两种:两种方法都是修改如下部分 (一):相对路径 ......