vue3数据可视化大屏项目开发中,做过很多底座的效果,今天整理一下,希望将来可以节省时间直接复用。
15 vue3 可视化大屏菱形加椭圆形底座效果实例
14 vue3 绿黄蓝三种底座图标数字加数字滚动效果
13 vue3 数据大屏蓝绿双底座效果
效果实例代码
vue3 数据...
yekong
4天前 234℃
0喜欢
vue3 数据大屏项目开发中,需要一些底座效果,今天整理的是可视化大屏菱形加椭圆形底座效果实例
实例代码
<template>
<div class="pedestalBody">
<div class="...
yekong
4天前 21℃
0喜欢
vue3 数据大屏项目开发中,需要一些底座效果,今天整理的是数据大屏蓝绿双底座,加数字滚动效果。
底座由两个样式相同颜色不同的底座图片实现。
效果演示
组件代码
<template>
<div class="dizuo">
...
yekong
3周前 (05-18) 88℃
0喜欢
vue3 数据大屏项目开发中,需要一些底座效果,今天整理的是圆形底座,加数字滚动效果。
效果演示
组件代码
<template>
<div class="cardBody">
<div class="ca...
yekong
4周前 (05-13) 45℃
0喜欢
vue3 绿色蓝色圆形底座加标题效果实例
效果演示
组件代码
<template>
<div class="cardBody">
<div class="cardBodyItem wow" :c...
yekong
4周前 (05-13) 68℃
0喜欢
vue 数据可视化大屏 项目 开发中,需要一些底座样式来衬托,样式有了又想着添加一点动画元素让底座更生动。一开始的想法是用ae来实现,不过导出为序列帧动画后图片有5M多,只是一个小图标就有5M的话,就有点过了,于是想着用gsap来实现动画元素。
首先是图标增加了一上下循环往复移动...
yekong
1个月前 (05-07) 124℃
0喜欢
四种颜色的椭圆罩子数字底座,组件使用到了数字滚动效果以及wowjs入场动画效果 。让页面看起来更灵动。
效果演示
组件代码
<template>
<div class="list">
<div class=&quo...
yekong
1个月前 (05-03) 73℃
1喜欢
红蓝两色底座,底部描述,中间数字效果。
效果演示
组件代码
<template>
<div class="numList">
<div class="numItem1">
&l...
yekong
1个月前 (05-03) 89℃
0喜欢
vue3 可视化数据大屏项目开发中,数据大屏ui界面会设置一些底座效果用来衬托数据,今天整理一下自己开发过的数据大屏实例。以便于后期会遇到类似效果可以直接复用。
组件使用到了数字滚动效果以及wowjs入场动画效果 。让页面看起来更灵动。
演示地址
vue3 底座效果实例
项目应...
yekong
2个月前 (04-03) 153℃
0喜欢
vue3 可视化数据大屏项目开发 中,数据大屏ui界面会设置一些底座效果用来衬托数据,今天整理一下自己开发过的数据大屏实例。以便于后期会遇到类似效果可以直接复用。
组件使用到了数字滚动效果以及wowjs入场动画效果 。让页面看起来更灵动。
演示地址
vue3 底座效果实例1
项...
yekong
2个月前 (04-01) 145℃
0喜欢