vue3 数据可视化大屏 树状图菜单效果整理,二级菜单,可以选择选择菜单并将菜单对应的id传给父组件。
使用
<pageItem title="item4">
<item4 v-model:id="id4" v-model:type="type4"&...
yekong
1年前 (2023-07-19)
喜欢
vue 数据可视化大屏 项目开发中,经常会遇到各种各样的效果,为了提升效率,方便复用,将做过的效果都整理出来。
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870.
8 vue3 数据可视化大屏 卡片效果
7 vue3 数据可视化大屏六边形卡片组效果...
yekong
1年前 (2023-07-19)
喜欢
vue3 数据可视化大屏项目开发中,会需要一些tab切换组件,tab组件有各种不同样式的,为了能够在不同风格的数据大屏中使用tab组件,这里也整理了自己做过的数据大屏项目中不同风格的tab组件。
14 vue3 tab按钮组件
13 vue3 数据可视化大屏tab组件-异形按钮...
yekong
1年前 (2023-07-19)
喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏深绿色标题组件 - 某某任务规划系统。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
帧动画文件大小
帧动...
yekong
1年前 (2023-07-19)
喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏深蓝色头部组件 - 智慧园区系统标题。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
帧动画文件大小
帧动...
yekong
1年前 (2023-07-18)
喜欢
边框由标题和主体两部分组成。边框为内阴影加边线和背景色实现。
右上 左下 右下 三个角由图片进行装饰。
标题分为四部分
标题开始的向下弧形 标题底部的横向 标题末尾的向上弧形 以及装饰线条组成。
组件处理
组件每个部位都尽可能的精细化处理,让其尽可能的适配不同宽高而不错位变形。...
yekong
1年前 (2023-07-14)
喜欢
vue3 数据可视化大屏 组件效果,由多个六边形组成的六边形组效果。为了让六边形组不是那么死板,这里还增加了一点动画效果。
小六边形内包含了百分比以及数字标题内容。
组件以1 2 3 2 1的方式堆叠组成。
静态效果
动态效果
组件代码
<template>
...
yekong
1年前 (2023-07-14)
喜欢
vue 数据可视化大屏 项目开发中,需要显示排行榜效果,比如top5 top10 之类的,为了丰富大屏的样式,会需要各种不同样式的排行效果,这里整理出了项目开发中遇到的效果。
3 排行榜效果实例 - 圆形排行标注效果
实例描述 排行分为4种颜色 前三种分别 红 黄 绿 三种颜色,...
yekong
1年前 (2023-07-12)
喜欢
vue3 数据大屏项目开发中,需要一些底座效果,今天整理的是vue3 数据可视化大屏多色底座效果
介绍
四个角由线条组成,自上而下背景渐变色 中间依次为数字(数字滚动效果) 底座 以及标题 还有进度条。
实例代码
<template>
<div clas...
yekong
1年前 (2023-07-08)
喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏蓝色头部组件 - 带导航智慧大屏。
如果您需要设计属于自己的数据可视化大屏或开发数据可视化大屏 请联系我们微信:17331886870
效果截图
帧动画效果
通过ae实现从两侧到中...
yekong
2年前 (2023-06-29)
喜欢