分类:数据可视化大屏底座

数据可视化大屏

vue3 数据可视化大屏菱形底座(带动画元素)

vue3 数据可视化大屏菱形底座(带动画元素)
vue 数据可视化大屏 项目 开发中,需要一些底座样式来衬托,样式有了又想着添加一点动画元素让底座更生动。一开始的想法是用ae来实现,不过导出为序列帧动画后图片有5M多,只是一个小图标就有5M的话,就有点过了,于是想着用gsap来实现动画元素。 首先是图标增加了一上下循环往复移动...

yekong 2年前 (2023-05-07) 喜欢

vue3 椭圆罩子底座效果

vue3 椭圆罩子底座效果
四种颜色的椭圆罩子数字底座,组件使用到了数字滚动效果以及wowjs入场动画效果 。让页面看起来更灵动。 组件代码 <template> <div class="list"> <div class="listItem wow boun...

yekong 2年前 (2023-05-03) 喜欢

vue3 环形底座效果实例

vue3 环形底座效果实例
vue3 可视化数据大屏项目开发中,数据大屏ui界面会设置一些底座效果用来衬托数据,今天整理一下自己开发过的数据大屏实例。以便于后期会遇到类似效果可以直接复用。 组件使用到了数字滚动效果以及wowjs入场动画效果 。让页面看起来更灵动。 演示地址 vue3 底座效果实例 项目应...

yekong 2年前 (2023-04-03) 喜欢

vue3 六棱形底座效果

vue3 六棱形底座效果
vue3 可视化数据大屏项目开发 中,数据大屏ui界面会设置一些底座效果用来衬托数据,今天整理一下自己开发过的数据大屏实例。以便于后期会遇到类似效果可以直接复用。 组件使用到了数字滚动效果以及wowjs入场动画效果 。让页面看起来更灵动。 更多底座效果 vue3 底座效果实例集...

yekong 2年前 (2023-04-01) 喜欢