vue3数据可视化大屏-科技管理大屏案例演示

数据大屏 yekong

vue3数据可视化大屏-科技管理大屏是由vue3开发数据大屏项目。

ui设计稿

ui设计师提供数据大屏UI设计案例-安全服务驾驶舱 psd源文件

开发环境

vue3 + vite
nodejs v14

其他特点

页面随屏幕大小自适应

vue3数据可视化大屏-科技管理大屏案例演示

vue3数据可视化大屏-科技管理大屏案例演示-登录

演示地址:vue3数据可视化大屏-科技管理大屏案例演示-登录
vue3数据可视化大屏-科技管理大屏案例演示-登录

vue3数据可视化大屏-科技管理大屏案例演示-首页

演示地址:vue3数据可视化大屏-科技管理大屏案例演示-首页
地图使用的是腾讯地图,并在地图中使用了自定义图标,通过使用vue3-seamless-scroll实现列表无缝滚动插件,另外添加了数字滚动.
vue3数据可视化大屏-科技管理大屏案例演示-首页

vue3数据可视化大屏-科技管理大屏案例演示-内页

演示地址:vue3数据可视化大屏-科技管理大屏案例演示-内页
这里水球要求可以横向拖动,所以使用了better-scroll实现横向拖动滚动
vue3数据可视化大屏-科技管理大屏案例演示-内页

喜欢