vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏顶部组件 - 地图驾驶舱。
效果截图
动态效果
扫光动画
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续时间3s，可以通过js来调整切换速率
帧动画文件大小
帧动画图片文件数量74
帧动画图片文件总大小2.9M
流光动画
帧动画效果
通过ae实现从中间到两侧的流光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续时间3s，可以通过js来调整切换速率
帧动画文件大小
帧动画图片文件数量74
帧动画图片文件总大小4M
图片大小
1920 * 147
效果
组件分为两种，可以自行选择使用哪一种：
一种静态图片的，无扫光动画，特点文件少，占用带宽小
一种是帧动画版，有扫光动画，响应的带宽占用也会有所提升
更多数据可视化大屏顶部组件
源文件下载
文件包括头部效果代码 vue3 vite js nodejs 16 或 14
ae扫光动画源文件
ae流光动画源文件
扫光apng图
流光apng图
