vue3 数据大屏 项目开发中，需要弹窗组件，这里我们整理弹窗组件，并通过gsap补间动画给弹窗添加入场动画以及离场动画。
效果截图
演示动画
组件代码
<template>
<div>
<div @click="show=...
yekong
12个月前 (12-05)
喜欢
vue3 数据大屏 项目开发中，需要弹窗组件，这里我们整理弹窗组件，并通过gsap补间动画给弹窗添加入场动画以及离场动画。
弹窗效果
展开动画：从中间缓慢向上下两边展开；
收缩动画：从上下两边向中间收缩隐藏。
效果截图
演示动画
组件代码
<template>
...
yekong
1年前 (2023-11-29)
喜欢
vue3 数据大屏 项目开发中，需要弹窗组件，这里我们整理弹窗组件，并通过gsap补间动画给弹窗添加入场动画以及离场动画。
弹窗效果
弹窗动画：
展开动画：从中间缓慢向上下两边展开；
收缩动画：从上下两边向中间收缩隐藏。
效果截图
演示动画
组件代码
<template...
yekong
1年前 (2023-11-29)
喜欢
数据可视化大屏 项目开发中，经常会遇到各种底座装饰，但是只有底座装饰客户并不满意，客户还想给底座增加点动画效果，让底座看起来更加酷炫，今天我们来用ae给底座增加一个流光效果。
动态流光效果
打开ae
首先打开ae，将我们的图片添加的ae中。
添加纯色图层
在上面的透明状态...
yekong
1年前 (2023-11-21)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏顶部组件 - 边坡安全监测。
效果截图
扫光动画
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持...
yekong
1年前 (2023-11-17)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏顶部组件 - 机械设备管理。
效果截图
扫光动画
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持...
yekong
1年前 (2023-11-14)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏顶部组件 - 机房动力环境监控大屏。
效果截图
扫光动画
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间...
yekong
1年前 (2023-11-12)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏顶部组件 - 市场运营管理云图。
效果截图
扫光效果
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动...
yekong
1年前 (2023-11-11)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏顶部组件 - 智慧城市管理中心。
效果截图
扫光效果
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动...
yekong
1年前 (2023-11-11)
喜欢
vue3 可视化数据大屏 项目开发中，会遇到各种各样的头部，今天整理的是 vue3 数据可视化大屏顶部组件 - 数据一张图。
效果截图
扫光动画
帧动画效果
通过ae实现从左侧到右侧的扫光动画，使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续...
yekong
1年前 (2023-11-11)
喜欢
