分类:数据可视化大屏素材

数据可视化大屏素材

vue3 数据可视化大屏 二级树状图

vue3 数据可视化大屏 二级树状图
vue3 数据可视化大屏 树状图菜单效果整理,二级菜单,可以选择选择菜单并将菜单对应的id传给父组件。 使用 <pageItem title="item4"> <item4 v-model:id="id4" v-model:type="type4"&...

yekong 1年前 (2023-07-19) 喜欢

数据可视化大屏卡片效果实例

数据可视化大屏卡片效果实例
vue 数据可视化大屏 项目开发中,经常会遇到各种各样的效果,为了提升效率,方便复用,将做过的效果都整理出来。 如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870. 8 vue3 数据可视化大屏 卡片效果 7 vue3 数据可视化大屏六边形卡片组效果...

yekong 1年前 (2023-07-19) 喜欢

vue3 数据可视化大屏tab ui组件汇总整合

vue3 数据可视化大屏tab ui组件汇总整合
vue3 数据可视化大屏项目开发中,会需要一些tab切换组件,tab组件有各种不同样式的,为了能够在不同风格的数据大屏中使用tab组件,这里也整理了自己做过的数据大屏项目中不同风格的tab组件。 14 vue3 tab按钮组件 13 vue3 数据可视化大屏tab组件-异形按钮...

yekong 1年前 (2023-07-19) 喜欢

vue3 数据可视化大屏深绿色标题组件 - 某某任务规划系统

vue3 数据可视化大屏深绿色标题组件 - 某某任务规划系统
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏深绿色标题组件 - 某某任务规划系统。 效果截图 帧动画效果 通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。 帧动画文件大小 帧动...

yekong 1年前 (2023-07-19) 喜欢

vue3 数据可视化大屏深蓝色头部组件 - 智慧园区系统标题

vue3 数据可视化大屏深蓝色头部组件 - 智慧园区系统标题
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏深蓝色头部组件 - 智慧园区系统标题。 效果截图 帧动画效果 通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。 帧动画文件大小 帧动...

yekong 1年前 (2023-07-18) 喜欢

vue3 数据可视化大屏深蓝边框-圆角边框

vue3 数据可视化大屏深蓝边框-圆角边框
边框由标题和主体两部分组成。边框为内阴影加边线和背景色实现。 右上 左下 右下 三个角由图片进行装饰。 标题分为四部分 标题开始的向下弧形 标题底部的横向 标题末尾的向上弧形 以及装饰线条组成。 组件处理 组件每个部位都尽可能的精细化处理,让其尽可能的适配不同宽高而不错位变形。...

yekong 1年前 (2023-07-14) 喜欢

vue3 数据可视化大屏六边形卡片组效果实例

vue3 数据可视化大屏六边形卡片组效果实例
vue3 数据可视化大屏 组件效果,由多个六边形组成的六边形组效果。为了让六边形组不是那么死板,这里还增加了一点动画效果。 小六边形内包含了百分比以及数字标题内容。 组件以1 2 3 2 1的方式堆叠组成。 静态效果 动态效果 组件代码 <template> ...

yekong 1年前 (2023-07-14) 喜欢

数据可视化大屏排行榜组件实例汇总

数据可视化大屏排行榜组件实例汇总
vue 数据可视化大屏 项目开发中,需要显示排行榜效果,比如top5 top10 之类的,为了丰富大屏的样式,会需要各种不同样式的排行效果,这里整理出了项目开发中遇到的效果。 3 排行榜效果实例 - 圆形排行标注效果 实例描述 排行分为4种颜色 前三种分别 红 黄 绿 三种颜色,...

yekong 1年前 (2023-07-12) 喜欢

vue3 数据可视化大屏多色底座效果

vue3 数据可视化大屏多色底座效果
vue3 数据大屏项目开发中,需要一些底座效果,今天整理的是vue3 数据可视化大屏多色底座效果 介绍 四个角由线条组成,自上而下背景渐变色 中间依次为数字(数字滚动效果) 底座 以及标题 还有进度条。 实例代码 <template> <div clas...

yekong 1年前 (2023-07-08) 喜欢

vue3 数据可视化大屏蓝色头部组件 - 带导航智慧大屏

vue3 数据可视化大屏蓝色头部组件 - 带导航智慧大屏
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏蓝色头部组件 - 带导航智慧大屏。 如果您需要设计属于自己的数据可视化大屏或开发数据可视化大屏 请联系我们微信:17331886870 效果截图 帧动画效果 通过ae实现从两侧到中...

yekong 2年前 (2023-06-29) 喜欢