| 属性 | 规格值 | 说明 |
|---|---|---|
| 高度 | 56px | 标签行固定高度，文字垂直居中 |
| 左右内边距 | 20px | 单侧 padding，两侧对称 |
| 字号 | 14px · 行高 22px | |
| 默认文字色 | #223355 |
|
| 默认背景色 | #FFFFFF |
|
| Hover 背景色 | #F5F7FA |
|
| 选中文字色 | #3388FF |
|
| 标记线 | 高 2px · 宽度同文字 |
文字正下方；默认 transparent，选中 #3388FF |
| 底部分隔线 | 1px solid #E9ECF2 |
标签组下方 |
| 属性 | 规格值 | 说明 |
|---|---|---|
| 宽度 | 154px | 固定宽度 |
| 高度 | 36px | 单项固定高度 |
| 标签间距 | 8px | 相邻标签之间的 gap |
| 字号 | 14px | |
| 默认文字色 | #223355 |
|
| 默认背景色 | #FFFFFF |
|
| Hover 背景色 | #F5F7FA |
|
| 选中背景色 | #F0F9FF |
|
| 选中文字色 | #3388FF |
|
| 右侧分隔线 | 1px solid #E9ECF2 |
标签列右侧紧贴 |
| 属性 | 规格值 | 说明 |
|---|---|---|
| 标签变体 | 纯文字 / 图标 + 文字 | |
| 常规数量 | 5 个 | |
| 高度 | 32px | 单个标签项高度 |
| 圆角 | 4px | 容器与标签项圆角相同 |
| 标签间距 | 0px | 相邻标签紧贴，无间距 |
| 左右内边距 | 20px | 单侧 padding，两侧对称 |
| 字号 | 14px | 图标 14×14px，图标与文字间距 6px |
| 容器背景 | #F5F7FA |
border-radius: 4px |
| 默认颜色 | #223355 |
图标与文字同色 |
| Hover 背景 | #E9ECF2 |
|
| 选中背景 | #F0F9FF |
|
| 选中描边 | 1px solid #3388FF |
z-index: 1 浮于相邻标签之上 |
| 选中颜色 | #3388FF |
图标与文字同色 |