动态效果
演示地址
vue3使用particles.js粒子特效
vue3项目在使用particles.js组件的时候会报错,我们需要调整一下让其可以正常运行。
The requested module '/node_modules/.vite/deps/particles_...
yekong
10个月前 (08-06) 369℃
0喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3数据可视化大屏顶部组件 - 新冠疫情大数据平台。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
## 动画持续时间
动画持...
yekong
10个月前 (08-04) 324℃
0喜欢
vue3 数据可视化大屏边框-智慧管理中心
边框由标题 主体 背景图片 倾斜斑马线 下展背景动画等组成。
效果截图
动画效果
组件处理
为了让数据可视化大屏边框尽可能的适配各种不同的宽高显示,将一张背景图切为了10份,然后通过背景图定位来从新调整布局。
动画处理
默认隐藏边框...
yekong
10个月前 (08-02) 447℃
0喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏蓝色标题组件 - 固废全过程。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
项目应用
项目应用:vue3...
yekong
10个月前 (07-31) 283℃
0喜欢
数据大屏项目开发过程中,会增加一些动画效果,让大屏页面看起来更加酷炫.今天我们来实现一个自上而下展开的动画效果.
效果截图
动态效果
实现思路
在上面的动画效果中,我们要实现的是自上而下的展开动画,动画执行完成后,再显示内容。
首先隐藏我们要显示的内容,然后再做一个div,给...
yekong
10个月前 (07-31) 408℃
1喜欢
vue 数据可视化大屏 项目开发中经常会遇到各种各样的进度条效果,想来将来可能会遇到类似的效果就将对应的效果实例给记录下来。
如果您需要设计属于自己的 可视化数据大屏 可以联系我们微信:17331886870
21 vue 数据可视化大屏性别占比进度条
效果实例代码:vue 数据...
yekong
10个月前 (07-29) 1875℃
1喜欢
vue 数据可视化大屏项目开发中,会需要各种各样的进度条,占比进度条等效果,今天整理的是性别占比。
进度条分为标题 男生占比 男生数字 女生占比 女生数字 总数等。
效果截图
动态效果
动画效果描述
进度条依次自上而下翻转显示。
进度条从左向右展开
然后依次展示男性占比 女性...
yekong
10个月前 (07-29) 390℃
0喜欢
vue3 数据可视化大屏 树状图菜单效果整理,二级菜单,可以选择选择菜单并将菜单对应的id传给父组件。
使用
<pageItem title="item4">
<item4 v-model:id="id4" v-model:type="type4"&...
yekong
10个月前 (07-19) 506℃
0喜欢
vue 数据可视化大屏 项目开发中,经常会遇到各种各样的效果,为了提升效率,方便复用,将做过的效果都整理出来。
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870.
8 vue3 数据可视化大屏 卡片效果
7 vue3 数据可视化大屏六边形卡片组效果...
yekong
10个月前 (07-19) 1116℃
0喜欢
vue3 数据可视化大屏项目开发中,会需要一些tab切换组件,tab组件有各种不同样式的,为了能够在不同风格的数据大屏中使用tab组件,这里也整理了自己做过的数据大屏项目中不同风格的tab组件。
14 vue3 tab按钮组件
13 vue3 数据可视化大屏tab组件-异形按钮...
yekong
10个月前 (07-19) 1440℃
1喜欢