vue3 数据大屏中经常做一些小标题样式,今天整理一些在数据可视化大屏小标题样式效果。如果将来数据大屏中合适的样式的可以直接拿来用。
vue3 小标题样式效果
组件代码
<template>
<div class="titleBg"&g...
yekong
1年前 (2023-05-17) 927℃
0喜欢
vue 数据大屏 项目开发时,需要显示自定义的图片图标,图标根据类型显示不同的图标,根据状态显示当前图标的颜色,为此做了两组图标,一组在线状态的有颜色,一种不在线的灰色图标。
使用组件
<icons type="phone" :is-online=&q...
yekong
1年前 (2023-05-11) 612℃
0喜欢
vue2项目开发中,需要一个功能,tab切换后,走马灯也要同步切换,查看官方文档后,发现有一个方法setActiveItem我们通过这个方法来实现切换。
tab操作
这边使用的是sync来更新active的,所以我们添加一个监听,监听到active的变化后,触发方法就可以了。...
yekong
2年前 (2023-04-05) 962℃
0喜欢
vue 数据可视化大屏项目开发中,有一个类似echarts柱状图的效果实例,不过和柱状图有一些区别,所以使用的html+css+js的方式来写的。
效果要求
柱状图组件按照百分比占比来表示长度,为了避免数字占比小而无法装下数字,设置了一个最小宽度。
左下角有说明标签,标签点击后可...
yekong
2年前 (2023-03-22) 732℃
0喜欢
vue要求div进入到可视区域后,执行指定自定义动画效果。
/**
* @Author: 858834013@qq.com
* @Name: scrollingAnimation
* @Date: 2022-10-20
* @Desc:
*/
<template>
...
yekong
2年前 (2022-10-20) 782℃
0喜欢