数据可视化大屏 项目开发中经常会需要各种各样的边框,为了方便复用可能会出现的类似边框,这里将可能会遇到的 数据可视化大屏边框组件 都整理出来.
如果您需要设计属于自己的数据可视化大屏或数据可视化大屏开发 请联系我们微信:17331886870
37 vue3 数据可视化大屏边框-...
yekong
1周前 (09-17) 978℃
1喜欢
vue3 数据可视化大屏边框-机房动力环境监控大屏
边框由标题 主体 背景图片 下展背景动画等组成。
效果截图
动画效果
动画处理
默认隐藏边框,然后使用gsap来加载一个自上而下展开的动画效果,动画效果完成后,再将边框主体渐显出来。可以父组件可以通过 :duration=&...
yekong
1周前 (09-17) 23℃
0喜欢
vue3 数据可视化大屏边框-智慧工地监管系统
边框由标题 主体 背景图片 下展背景动画等组成。
效果截图
动画效果
动画处理
默认隐藏边框,然后使用gsap来加载一个自上而下展开的动画效果,动画效果完成后,再将边框主体渐显出来。可以父组件可以通过 :duration=&qu...
yekong
2周前 (09-12) 55℃
0喜欢
vue3 数据可视化大屏边框-新能源汽车大数据平台
边框由标题 主体 背景图片 下展背景动画等组成。
效果截图
动画效果
组件处理
为了让数据可视化大屏边框尽可能的适配各种不同的宽高显示,将一张背景图切为了9份,然后通过背景图定位来从新调整布局。
动画处理
默认隐藏边框,然后...
yekong
3周前 (09-03) 49℃
0喜欢
vue3 数据可视化大屏边框-智慧管理中心
边框由标题 主体 背景图片 倾斜斑马线 下展背景动画等组成。
效果截图
动画效果
组件处理
为了让数据可视化大屏边框尽可能的适配各种不同的宽高显示,将一张背景图切为了10份,然后通过背景图定位来从新调整布局。
动画处理
默认隐藏边框...
yekong
2个月前 (08-02) 125℃
0喜欢
边框由标题和主体两部分组成。边框为内阴影加边线和背景色实现。
右上 左下 右下 三个角由图片进行装饰。
标题分为四部分
标题开始的向下弧形 标题底部的横向 标题末尾的向上弧形 以及装饰线条组成。
组件处理
组件每个部位都尽可能的精细化处理,让其尽可能的适配不同宽高而不错位变形。...
yekong
2个月前 (07-14) 147℃
0喜欢
边框由标题和主体两部分组成。上下异形边框效果。因为有些地方是不需要标题的,所以标题我们可以去除只保留一个主体,vue3 数据可视化大屏蓝色边框-浅蓝色边框无标题
如果您需要设计属于自己的数据可视化大屏或数据可视化大屏开发 请联系我们微信:17331886870
组件处理
组件每...
yekong
3个月前 (06-25) 165℃
0喜欢
在数据大屏开发中,有些地方是不需要标题的,所以在之前的vue3 数据可视化大屏蓝色边框-浅蓝色异形边框基础上,做了去除标题处理,最后得到的就是下面的无标题平整的边框。
边框只有一个主体部分。
如果您需要设计属于自己的数据可视化大屏或数据可视化大屏开发 请联系我们微信:173318...
yekong
3个月前 (06-25) 131℃
0喜欢
边框由标题和主体两部分组成。上下异形边框效果。
如果您需要设计属于自己的数据可视化大屏或数据可视化大屏开发 请联系我们微信:17331886870
组件代码
/**
* @Author: 858834013@qq.com
* @Name: pageItem
* @Date: 2...
yekong
3个月前 (06-20) 149℃
0喜欢
边框由标题和主体两部分组成。上下异形边框效果。
如果您需要设计属于自己的数据可视化大屏或数据可视化大屏开发 请联系我们微信:17331886870
组件代码
/**
* @Author: 858834013@qq.com
* @Name: pageItem
* @Date: 2...
yekong
3个月前 (06-19) 196℃
0喜欢