vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏顶部组件 - 管理平台数据大屏。
效果截图
扫光动画
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动...
yekong
1年前 (2023-12-15)
喜欢
vue3 数据大屏 项目开发中,需要弹窗组件,这里我们整理弹窗组件,并通过gsap补间动画给弹窗添加入场动画以及离场动画。
效果截图
演示动画
组件代码
<template>
<div>
<div @click="show=...
yekong
1年前 (2023-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)
喜欢