vue3 表格样式效果汇总

vue yekong 10个月前 (08-29) 2027℃

vue3 数据可视化大屏 中，经常会需要各种效果的表格，这里将各种表格效果整理在一块，方便复用。

10 斑马线装饰表格

9 表格效果

表头和表列表两侧各有两个三角装饰图标。

8 仿3d表格效果

组件代码

vue3 仿3d表格效果

由背景图片进行装饰，让表格看起来有3d的感觉。

7 滚动表格样式

6. vue3 滚动表格外加状态样式效果

vue3 滚动表格外加状态样式效果

5. vue3 带进度条表格效果

表格列表，内带有进度条。

组件代码： vue3 带进度条表格效果

4. vue3 表格自定义排行榜样式效果

组件代码： vue3 表格自定义排行榜样式效果

3. vue3 带排名效果的滚动表格组件

使用图片对排名进行装饰

组件代码： vue3 带排名效果的滚动表格组件

2. vue3 滚动表格效果

组件代码： vue3 滚动表格效果

1. vue3 渐变色背景滚动表格效果

使用背景装饰让表格看起来像是一块一块的。

组件代码： vue3 渐变色背景滚动表格效果