08 · 工单级方案一屏纵览

六种工单卡片分隔方案缩略预览(各显示 2 条),点击右侧链接打开完整 Demo 页。

← 索引

方案纵览

01 · 现状基线

gap 14px · 白底 · 细边框 · 无阴影

打开完整 Demo

02 · 列表区浅灰底 + 轻阴影

容器 #f1f5f9 · 白卡片浮起

打开完整 Demo

03 · 加大间距 + 常驻阴影

gap 20px · 默认 box-shadow

打开完整 Demo

04 · 左侧主色竖条

3px 薄荷绿左边框 · 浅灰画布

打开完整 Demo

05 · 卡片间渐变分隔线

相邻卡片间 1px 渐隐分隔带

打开完整 Demo

06 · 无边框浮起卡片

无描边 · 双层阴影 · 深灰画布

打开完整 Demo