标签:组件

vue

vue3 数据大屏小标题样式效果组件

vue3 数据大屏小标题样式效果组件
vue3 数据大屏中经常做一些小标题样式,今天整理一些在数据可视化大屏小标题样式效果。如果将来数据大屏中合适的样式的可以直接拿来用。 vue3 小标题样式效果 组件代码 <template> <div class="titleBg"&g...

yekong 1年前 (2023-05-17) 927℃ 0喜欢

数据可视化大屏素材

vue 自定义图片图标组件模板

vue 自定义图片图标组件模板
vue 数据大屏 项目开发时,需要显示自定义的图片图标,图标根据类型显示不同的图标,根据状态显示当前图标的颜色,为此做了两组图标,一组在线状态的有颜色,一种不在线的灰色图标。 使用组件 <icons type="phone" :is-online=&q...

yekong 1年前 (2023-05-11) 612℃ 0喜欢

vue

vue element ui 走马灯组件Carousel手动切换

vue element ui 走马灯组件Carousel手动切换
vue2项目开发中,需要一个功能,tab切换后,走马灯也要同步切换,查看官方文档后,发现有一个方法setActiveItem我们通过这个方法来实现切换。 tab操作 这边使用的是sync来更新active的,所以我们添加一个监听,监听到active的变化后,触发方法就可以了。...

yekong 2年前 (2023-04-05) 962℃ 0喜欢

vue

vue html仿echarts柱状图效果实例

vue html仿echarts柱状图效果实例
vue 数据可视化大屏项目开发中,有一个类似echarts柱状图的效果实例,不过和柱状图有一些区别,所以使用的html+css+js的方式来写的。 效果要求 柱状图组件按照百分比占比来表示长度,为了避免数字占比小而无法装下数字,设置了一个最小宽度。 左下角有说明标签,标签点击后可...

yekong 2年前 (2023-03-22) 732℃ 0喜欢