vue3带粒子效果的渐变色进度条。
动态效果
使用组件
<template>
<div class="home">
<div class="itemsBodys">
<i...
yekong
3周前 (07-03) 106℃
1喜欢
数据可视化大屏项目开发中,会遇到ui设计图中文字是渐变色加阴影的效果。
ui设计图效果如下
css实现
我们通过蓝湖生成的css生成出来的样式效果,这和我们的预期差别太大了。
这里我们可以使用伪类来实现我们想要的效果
使用伪元素
通过使用伪元素 ::before 或 ::af...
yekong
4周前 (07-02) 104℃
0喜欢
数据可视化大屏 项目开发中,会添加动画来点缀页面,有些可以通过css来实现动画,有些图片序列帧动画,序列帧动画可以通过css+雪碧图的方式来实现,也可以通过js的方式来实现,今天是使用canvas+js来实现。
准备序列帧图片
我们首先需要准备序列帧图片,这里我们准备了75张序列...
yekong
4周前 (07-02) 1384℃
0喜欢
数据可视化大屏项目开发中,需要实现一个公司结构图效果,效果截图如下:
这里我们使用的是vue3开发的,所以使用的插件是vue3-tree-org
插件版本
"vue3-tree-org": "^4.2.2",
vue3-tree-org...
yekong
4周前 (07-01) 96℃
0喜欢
停车场监控看板大屏 数据可视化大屏 vue3
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
运行环境
nodejs 16
开发框架
vue3 vite js
分辨率
1920 * 1080
停车场监控看板大屏演示地址
停车场监控看板大屏 数据可视...
yekong
4周前 (07-01) 4501℃
4喜欢
停车场监控看板大屏 数据可视化大屏 vue2
运行环境
nodejs 16
开发框架
vue2 webpack js
分辨率
1920 * 1080
停车场监控看板大屏演示地址
停车场监控看板大屏 数据可视化大屏 vue2
停车场监控看板大屏项目截图
动态效果
项目模块
车场...
yekong
4周前 (07-01) 167℃
0喜欢
vue3 数据可视化大屏 视频监控可视化数据大屏
开发环境
nodejs 16
开发框架
vue3+vite+js
分辨率
1920*1080
关联项目
当前项目为视频监控智能分析系统完整版,如果需要精简版项目请访问视频监控数据大屏。
vue3 数据可视化大屏 视频监控智能分析系...
yekong
4周前 (07-01) 2353℃
2喜欢
vue3 可视化数据大屏 大学迎新数据可视化大屏
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
数据大屏模板id
156
开发环境
nodejs v16.20.0
开发框架
vue3 vite js
分辨率
1920 * 1080
演示地址
演示...
yekong
4周前 (06-30) 238℃
0喜欢
vue3 数据大屏 智能制造大数据平台
开发环境
nodejs v16.20.0
开发框架
vue3+vite+js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 智能制造大数据平台
演示demo:vue3 数据可视化大屏 智能制造大数据平台
效果截图
动画效...
yekong
4周前 (06-29) 1775℃
1喜欢
vue3 数据可视化大屏 固废全过程
开发环境
nodejs v16.20.0
开发框架
vue3+vite+js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 固废全过程
演示demo:vue3 数据可视化大屏 固废全过程
效果截图
动画效果
项目模块
1...
yekong
4周前 (06-27) 1476℃
0喜欢