vue3 数据可视化大屏 中,经常会需要各种效果的表格,这里将各种表格效果整理在一块,方便复用。
10 斑马线装饰表格
9 表格效果
表头和表列表两侧各有两个三角装饰图标。
8 仿3d表格效果
组件代码
由背景图片进行装饰,让表格看起来有3d的感觉。
7 滚动表格样式
6. vue3 滚动表格外加状态样式效果
5. vue3 带进度条表格效果
表格列表,内带有进度条。
组件代码:vue3 带进度条表格效果
4. vue3 表格自定义排行榜样式效果
组件代码:vue3 表格自定义排行榜样式效果
3. vue3 带排名效果的滚动表格组件
使用图片对排名进行装饰
组件代码:vue3 带排名效果的滚动表格组件
2. vue3 滚动表格效果
组件代码:vue3 滚动表格效果
1. vue3 渐变色背景滚动表格效果
使用背景装饰让表格看起来像是一块一块的。
组件代码:vue3 渐变色背景滚动表格效果