数据大屏项目开发中，经常需要一些动画效果，比如移动效果，放大缩小等，这些可以通过css或js来实现，有一些效果css和js都无法实现，今天要实现的是如下图有多条线条，实现电流上行的效果。我们使用帧动画来实现。
视频动画渲染
图片大小
1920*1080
图片本身是1920 *...
yekong
2年前 (2023-05-21)
喜欢
数据可视化大屏 项目开发中，经常需要背景视频来进行页面装饰，为了避免视频对主页面的代码干扰，视频背景进行单独的封装。在需要的地方直接引用就可以了。
视频动画渲染
组件代码
<template>
<div class="shipin"&...
yekong
2年前 (2023-05-21)
喜欢
vue3 数据可视化大屏项目开发中，会需要一些tab切换组件，虽然已经有一些现成的组件了，这里整理的是tab的菱形背景效果。
使用实例
使用组件
/**
* @Author: 858834013@qq.com
* @Name: tab
* @Date: 2023年05月21日...
yekong
2年前 (2023-05-21)
喜欢
可视化数据大屏 项目卡片效果，图标数字加文字描述。
效果截图
效果代码
<template>
<div class="list">
<div class="listItem wow fadeInLeft" :data-wow-de...
yekong
2年前 (2023-05-20)
喜欢
数据大屏 项目开发中，需要实现一个占比效果，并且鼠标移上去后可以显示详细信息，这里将实现代码整理出来，方便复用。
组件代码
<template>
<div class="itemBodys">
<div class="itemBod...
yekong
2年前 (2023-05-20)
喜欢
vue3 数据可视化大屏项目开发中，会需要一些tab切换组件，虽然已经有一些现成的组件了，这里整理的是 智慧园区可视化总控平台 导航组件。
使用实例
使用组件
/**
* @Author: 858834013@qq.com
* @Name: tab
* @Date: 2023...
yekong
2年前 (2023-05-19)
喜欢
边框由标题和主体两部分组成。背景采用背景色加角标定位，适应大部分宽高而不变形。
如果您需要设计属于自己的数据可视化大屏或前端vue3数据可视化大屏开发 请联系我们微信:17331886870
效果图
效果演示
组件代码
组件包含了三部分：标题 主体 背景。
主体部分放了一个插...
yekong
2年前 (2023-05-19)
喜欢
可视化数据大屏 项目卡片效果，图标数字加文字描述。
效果截图
演示地址：
## 效果代码
<template>
<div class="pageCard">
<div class="pageCardIte...
yekong
2年前 (2023-05-18)
喜欢
vue3 数据大屏项目开发中，需要一些底座效果，今天整理的是数据大屏蓝绿双底座，加数字滚动效果。
底座由两个样式相同颜色不同的底座图片实现。
效果演示
组件代码
<template>
<div class="dizuo">
...
yekong
2年前 (2023-05-18)
喜欢
数据可视化大屏 页面都会有一个特色的小标题，用来放标题，今天整理 vue3 数据可视化大屏蓝色标题组件-5G芒市。
效果截图
演示地址
组件代码
/**
* @Author: 858834013@qq.com
* @Name: itemTitle7
* @Date: 2023...
yekong
2年前 (2023-05-18)
喜欢
