数据可视化大屏 页面都会有一个特色的头部，用来放标题时间以及菜单等效果，为了方便复用可能会出现的头部，这里将可能会遇到的 数据可视化大屏头部组件 都整理出来方便复用。今天整理的来自数据大屏：数据资产 头部组件。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧动...
yekong
1年前 (2023-06-22)
喜欢
数据可视化大屏 页面都会有一个特色的头部，用来放标题时间以及菜单等效果，为了方便复用可能会出现的头部，这里将可能会遇到的 数据可视化大屏头部组件 都整理出来方便复用。今天整理的来自数据大屏：智能停车管理统计平台 头部组件。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动...
yekong
1年前 (2023-06-22)
喜欢
数据可视化大屏 页面都会有一个特色的头部，用来放标题时间以及菜单等效果，为了方便复用可能会出现的头部，这里将可能会遇到的 数据可视化大屏头部组件 都整理出来方便复用。今天整理的来自数据大屏：固废全过程 头部组件。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画，使用帧...
yekong
1年前 (2023-06-16)
喜欢
边框由标题和主体两部分组成。背景采用背景色加角标定位，适应大部分宽高而不变形。
如果您需要设计属于自己的数据可视化大屏或前端vue3数据可视化大屏开发 请联系我们微信:17331886870
效果图
效果演示
组件代码
组件包含了三部分：标题 主体 背景。
主体部分放了一个插...
yekong
2年前 (2023-05-19)
喜欢
vue3 数据大屏中经常做一些小标题样式，今天整理一些在数据可视化大屏小标题样式效果。如果将来数据大屏中合适的样式的可以直接拿来用。
vue3 小标题样式效果
组件代码
<template>
<div class="titleBg"&g...
yekong
2年前 (2023-05-17)
喜欢
数据可视化大屏 页面都会有一个特色的小标题，用来放标题，今天整理 vue3 数据可视化大屏标题组件-海关信息中心。
效果描述
右上角有个圆点，高度48px 宽度自适应。
为了适配宽度，图片被分解为左中右三部分。
演示地址
组件代码
<template>
<...
yekong
2年前 (2023-05-17)
喜欢
echarts 饼状图效果实例-学历结构
数据可视化大屏项目开发中，有一个echarts饼状图效果，左侧是环形饼状图，饼状图中间有一个自定义背景图片，并且显示数字和标题，右侧是对饼状图各个数据的描述。
组件代码
<template>
<div class=...
yekong
2年前 (2023-05-13)
喜欢
最近在做一个2.5效果的 数据可视化大屏 其中有一个效果是一个水罐页面上升，里面带有一个小风扇要一直旋转。
实现思路
风扇旋转我们可以通过css来实现。
页面上升我们可以通过gsap补间动画来实现。
演示实例
gsap 实现水罐页面上升效果实例
实现代码
<templa...
yekong
2年前 (2023-05-06)
喜欢
vue3 数据大屏 项目开发中，会需要一些单选的效果，图表使用自定义图片，这里将实现效果记录下来方便复用。
使用实例
<template>
<div class="tabs">
<item v-model:activ...
yekong
2年前 (2023-05-06)
喜欢
vue 数据大屏项目开发中，需要一个switch开关，element ui有类似的效果，不过和设计图的样式还是有差异的，所以就想着自己写一个，这里面的动画我们用的是gsap补间动画。
实现思路
我们首先通过css实现按钮样式，然后给按钮添加点击事件来改变状态，通过状态的变化来...
yekong
2年前 (2023-05-05)
喜欢
