分类:vue组件

vue组件

element-plus 使用实例汇总

element-plus 使用实例汇总
element-plus在使用的时候,一般并不能直接满足我们的需要,还需要二次调整,比如修改ui组件的样式或者功能调整,这里将这些调整整理出来,方便查找。 说明文档 文档常用的有两个,有时候会无法访问,所以两个都整理出来了。 element-plus element-plus 国...

yekong 1年前 (2023-04-19) 690℃ 0喜欢

vue3 高德地图实现热力图效果实例

vue3 高德地图实现热力图效果实例
vue3 数据可视化大屏 - 数据资产大屏 项目开发中,需要高德地图渲染热力图效果。我们可以通过AMap.Heatmap 初始化热力图,并且可以设置半径以及透明度。通过heatmap.setDataSet来设置热力图的坐标以及数值。 var heatmap = new AMap....

yekong 1年前 (2023-04-19) 778℃ 0喜欢

vue3 高德地图边框效果实例

vue3 高德地图边框效果实例
vue3 数据可视化大屏项目开发中,为了美观在渲染地图时,会给地图添加一个边框效果,今天整理的是高德地图边框效果实例。 实现方法 给地图添加一个div遮罩,通过css给这个遮罩添加一个内阴影效果。box-shadow: inset 0px 0px 32px 0px rgba(68...

yekong 1年前 (2023-04-18) 575℃ 0喜欢

vue3 高德地图自定义图标和弹窗

vue3 高德地图自定义图标和弹窗
vue3 数据可视化大屏 开发中,有个要求,需要显示自定义图标,并且可以点击实现弹窗,可以通过筛选框来实现图标筛选。 演示实例 引入高德地图 <script type="text/javascript" src="h...

yekong 1年前 (2023-04-18) 413℃ 0喜欢

vue3 高德地图实现测距

vue3 高德地图实现测距
vue3 数据可视化大屏 开发中,有个要求,地图要可以实现测距,搜索了一下高德地图支持这个功能,将实现方法记录一下。 演示实例 引入高德地图 <script type="text/javascript" src="h...

yekong 1年前 (2023-04-18) 534℃ 0喜欢

数据可视化大屏渐变色进度条数字居右

数据可视化大屏渐变色进度条数字居右
进度条效果: 进度条颜色是渐变色,可以通过传值自定义 进度条带有动画效果 使用gsap实现补间动画 进度条有默认背景色 进度条宽度根据总数和当前数据计算百分比 数字居右展示 演示地址 使用组件 <template> <div class="li...

yekong 1年前 (2023-04-17) 565℃ 0喜欢

vue3 表格自定义排行榜样式效果

vue3 表格自定义排行榜样式效果
vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理 vue3 表格自定义排行榜样式效果组件。 通过使用flex控制宽度,通过Vue3SeamlessScroll实现列表滚动,使用自定义样式来实现排名表格效果。 演示地址 使用组件 <template>...

yekong 1年前 (2023-04-17) 927℃ 0喜欢

vue3 带排名效果的滚动表格组件

vue3 带排名效果的滚动表格组件
vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理 vue3 带排名效果的滚动表格组件。 通过使用flex控制宽度,通过Vue3SeamlessScroll实现列表滚动,使用自定义图标来实现排名表格效果。 演示地址 使用组件 <template> ...

yekong 1年前 (2023-04-17) 847℃ 0喜欢

vue3 滚动表格效果

vue3 滚动表格效果
vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理滚动表格效果。 通过使用flex控制宽度,通过Vue3SeamlessScroll实现列表滚动. 演示地址 使用组件 <template> <div class="itemBody...

yekong 1年前 (2023-04-17) 527℃ 0喜欢

vue3 渐变色背景滚动表格效果

vue3 渐变色背景滚动表格效果
vue3 数据可视化大屏 开发中,需要展示一些表格效果,今天整理渐变色背景滚动表格效果。 这里表格背景我们使用相对定位的方式将背景模块放在表格后面。来达到渐变背景色的效果。 演示地址 使用组件 <template> <div class="it...

yekong 1年前 (2023-04-17) 500℃ 0喜欢