分类:数据可视化大屏卡片

数据可视化大屏卡片

vue 数字卡片效果

vue 数字卡片效果
vue 数据可视化大屏项目中,经常会用到数字卡片效果,今天整理一些数据大屏项目开发中遇到的数字卡片效果实例。 效果展示 动态效果 数字卡片1皮肤1 数字卡片皮肤2 数字卡片皮肤3 数字卡片效果2 数字卡片效果3 实例代码下载 项目基于vue3 vite js nod...

yekong 7个月前 (12-26) 416℃ 0喜欢

vue3 数据可视化大屏-异形环形组件

vue3 数据可视化大屏-异形环形组件
vue3 数据可视化大屏 组件效果,当前组件由5个半圆背景,一个中心圆背景组成。 5个半圆使用gsap依次加载的动画组成,中间通过css的方式加载动画。 静态效果 动态效果 组件代码 <div class="mainRight1s"> ...

yekong 10个月前 (09-12) 582℃ 0喜欢

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

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

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

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

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

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

vue3 数据可视化大屏卡片效果-数字描述

vue3 数据可视化大屏卡片效果-数字描述
卡片效果为标题,数字。 数字使用数字滚动组件。 静态效果 动态效果 标题渐变色 标题文字使用了从上到下的渐变色 font-size: 16px; font-family: MicrosoftYaHei; font-weight: bold; color: #FFFFFF; ...

yekong 1年前 (2023-06-09) 719℃ 0喜欢

vue3 图标数字描述卡片实例

vue3 图标数字描述卡片实例
可视化数据大屏 项目卡片效果,图标数字加文字描述。 效果截图 效果代码 <template> <div class="list"> <div class="listItem wow fadeInLeft" :data-wow-de...

yekong 1年前 (2023-05-20) 751℃ 0喜欢

vue3 仪表盘卡片效果实例

vue3 仪表盘卡片效果实例
可视化数据大屏 项目卡片效果,图标数字加文字描述。 效果截图 演示地址: ## 效果代码 <template> <div class="pageCard"> <div class="pageCardIte...

yekong 1年前 (2023-05-18) 701℃ 0喜欢

vue3 卡片效果实例同比增长同比减少效果

vue3 卡片效果实例同比增长同比减少效果
可视化数据大屏项目卡片效果,名称内容数字以及同比增加和减少样式。 图标为上下浮动效果 数字滚动以及发光效果。 效果截图 演示地址: vue3 卡片效果实例同比增长同比减少效果 项目使用实例 可视化数据大屏 - 进口食品安全智慧监管决策大屏 效果代码 <template&g...

yekong 1年前 (2023-04-01) 851℃ 0喜欢

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

vue3 数据可视化大屏卡片效果实例代码
卡片效果为标题,数字 以及图标组合实现。 数字使用了数字滚动效果。 图标使用了gsap补间动画添加了上下浮动的动画效果。 演示地址: vue3 数据可视化大屏卡片效果实例代码 项目使用实例 进口食品安全智慧监管决策大屏 效果代码 <template> <d...

yekong 1年前 (2023-04-01) 1174℃ 0喜欢