运输计划列表 · 装 / 送 区分方案

现状用整行浅绿 / 浅蓝底色区分。下面几种方案去掉(或弱化)行背景色块,改用色条、实心 Tag、时间轴、分割线等方式,更贴近 Fresh Mint 列表的清爽感。

0. 现状 · 行背景色块

当前
装
宜昌市西陵区某某化工园 A 区 12 号
2026-09-16 08:30
送
武汉市东西湖区物流大道 88 号
2026-09-16 16:00

整行填色 + 描边标签。信息量大时颜色偏重,与表格斑马纹叠加后更花。

A. 左侧色条 + 文字色

推荐
装
宜昌市西陵区某某化工园 A 区 12 号
2026-09-16 08:30
送
武汉市东西湖区物流大道 88 号
2026-09-16 16:00

无行底色;左侧 3px 色条扫视即可区分。改动小,密度与现状接近。

B. 实心 Tag + 虚线分隔

推荐
装
宜昌市西陵区某某化工园 A 区 12 号
2026-09-16 08:30
送
武汉市东西湖区物流大道 88 号
2026-09-16 16:00

对齐全局「状态 Tag 深色底白字」规范;标签本身就够辨识,行底可去掉。

C. 描边 Tag · 无行底

备选
装
宜昌市西陵区某某化工园 A 区 12 号
2026-09-16 08:30
送
武汉市东西湖区物流大道 88 号
2026-09-16 16:00

最接近现状标签样式,只去掉行背景。视觉最轻,但对比略弱。

D. 时间轴圆点

备选
装
宜昌市西陵区某某化工园 A 区 12 号
2026-09-16 08:30
送
武汉市东西湖区物流大道 88 号
2026-09-16 16:00

强调装→送顺序,适合地址/时间列。列宽略占,多列重复时可能偏重。

E. 纯文字前缀

备选
装
宜昌市西陵区某某化工园 A 区 12 号
2026-09-16 08:30
送
武汉市东西湖区物流大道 88 号
2026-09-16 16:00

最极简;靠字色 + 虚线分隔。实现成本最低,扫视辨识略弱于 A/B。

F. 圆形色标

备选
装
宜昌市西陵区某某化工园 A 区 12 号
2026-09-16 08:30
送
武汉市东西湖区物流大道 88 号
2026-09-16 16:00

标识更「点状」集中,正文区干净。圆角标与矩形 Tag 二选一即可,勿混用。

G. 实心方标 + 虚线(折中)

备选
装
宜昌市西陵区某某化工园 A 区 12 号
2026-09-16 08:30
送
武汉市东西湖区物流大道 88 号
2026-09-16 16:00

与 B 接近,方标略扁;适合多列统一复用同一套 chip 样式。

选型建议