vue3数据可视化大屏项目开发中，做过很多底座的效果，今天整理一下，希望将来可以节省时间直接复用。
61 vue3实现3d遮罩刻度依次加载底座效果实例
64 vue3 3d旋转底座效果实例
23 vue3 圆形环绕数据卡片底座效果
22 vue3 给底座添加流光动画效果
...
9个月前 (08-16)
喜欢
在数据可视化大屏项目开发过程中，设计师提供的大屏设计图经常会遇到类似下面的底座效果。
项目做的多了，遇到类似的底座多了以后就想着能不能让底座里的刻度动起来呢？
动画效果
底座实现代码
<template>
<div class="BgBody&...
9个月前 (08-16)
喜欢
vue3数据可视化大屏项目开发中，做过很多底座的效果，今天整理一下，希望将来可以节省时间直接复用。
动态效果
今天整理的数字底座效果是三种颜色，蓝绿黄三种颜色的底座，数字有滚动动画。
部分代码展示
<template>
<div class="...
1年前 (2024-04-16)
喜欢
vue3数据可视化大屏项目开发中，做过很多底座的效果，今天整理一下，希望将来可以节省时间直接复用。
动态效果
今天整理的数字底座效果是四种颜色，蓝绿黄红四种颜色的底座，四种颜色的数组，数字有滚动动画，圆形底座，底座上有图标装饰，图标使用的是iconfont，可以更换为自己的图...
1年前 (2024-03-06)
喜欢
数据可视化大屏 项目开发中，经常会遇到各种底座装饰，但是只有底座装饰客户并不满意，客户还想给底座增加点动画效果，让底座看起来更加酷炫，今天我们来用ae给底座增加一个流光效果。
动态流光效果
打开ae
首先打开ae，将我们的图片添加的ae中。
添加纯色图层
在上面的透明状态...
1年前 (2023-11-21)
喜欢
vue3 数据大屏项目开发中，需要一些底座效果，今天整理的是vue3 数据可视化大屏多色底座效果
介绍
四个角由线条组成，自上而下背景渐变色 中间依次为数字(数字滚动效果) 底座 以及标题 还有进度条。
实例代码
<template>
<div clas...
2年前 (2023-07-08)
喜欢
vue3 数据大屏项目开发中，需要一些底座效果，今天整理的是可视化大屏菱形加椭圆形底座效果实例
实例代码
<template>
<div class="pedestalBody">
<div class="...
2年前 (2023-06-04)
喜欢
vue3 数据大屏项目开发中，需要一些底座效果，今天整理的是数据大屏蓝绿双底座，加数字滚动效果。
底座由两个样式相同颜色不同的底座图片实现。
效果演示
组件代码
<template>
<div class="dizuo">
...
2年前 (2023-05-18)
喜欢
vue3 数据大屏项目开发中，需要一些底座效果，今天整理的是圆形底座，加数字滚动效果。
效果演示
组件代码
<template>
<div class="cardBody">
<div class="ca...
2年前 (2023-05-13)
喜欢
vue3 绿色蓝色圆形底座加标题效果实例
效果演示
组件代码
<template>
<div class="cardBody">
<div class="cardBodyItem wow" :c...
2年前 (2023-05-13)
喜欢
