00 TOKENS 色板 · 左城内右同值,形态切换即换肤
01 BTN 按钮 · 一次性反馈,禁用态不抬升
类型 TYPE
尺寸 SIZE · 命中区 ≥34px(图标钮 36px)
状态 STATE
02 CHIP 状态胶囊 · LED + 词双通道,不靠颜色单传义
机器六态(卷四 §12)
staff 任务六态(卷七 §40 现网真源)
03 TAG 分类标签 · 卷八旧屏三分类口径
模块编码(联邦 11 模块)
开源许可(卷八 §51 三层)
04 TBL 表格 · staff-manage 真实字段(工号/职级/状态/GATED 人审)
| 工号 | 姓名 · 部门 | 职级 | 状态 | 在效工具 | 技能标签 | 操作 |
|---|---|---|---|---|---|---|
| RC-011 | 罗小剪 · 编辑处理 | E3 | 在岗 | RoboCut / QuickCut | 快剪 拆条 | |
| RC-007 | 罗小审 · 审核管理 | E4 | 待验收 ×3 | RoboChecker | GATED 合规 | |
| RC-019 | 罗小学 · 教育管理 | E1 | 入职中 | RoboXuexi | 排课 |
05 TABS 页签 · aria-selected,城内墨底/白标品牌底
SEG 分段(形态切换同款)
06 METER 计量 · 语义色随水位,读数永远在旁
07 KCARD KPI 卡 · staff 仪表盘六数口径
08 EBAR 职级条 · E1 见习 → E4 候选签约
09 PLAN 定价卡 · 萝卜苗免费 / 城籍月 / 州府年
10 SIDENAV 侧栏 · registry 驱动,模块下线栏目自动收起
11 EMPTY 空态 · 城市广播腔,当事同事本人开口
12 LOADING 加载 · 持续动画只给"正在工作的机器"
骨架屏 SHIMMER 1.4s
LED 呼吸(1s / 1.4s / 2.4s)· 常亮灰 = 空闲
渲染进度(占位呼吸 + 真实读数并存)
13 MATRIX 状态语义矩阵 · 卷四 §12 全站唯一真源(本页未私造任何状态色)
| 状态 | LED | 语义 token | chip 类名 | 附加表现 |
|---|---|---|---|---|
| 空闲 IDLE | 灰常亮 | --st-idle | .chip.st-idle | 无 |
| 运行 RUNNING | 绿呼吸 1.4s | --st-run #1E6B4A | .chip.st-run | 无 |
| 渲染 RENDERING | 粉呼吸 1s | --st-render #E24E6B | .chip.st-render | 扫描线 + 进度条 |
| 忙碌 / 待人 | 琥珀呼吸 2.4s | --st-busy #E8B93C | .chip.st-busy | 队列数读数 |
| 通过 PASSED | 绿常亮 | --st-pass | .chip.st-pass | ✓ 清单 |
| 错误 ERROR | 粉常亮 | --st-err #C22F4E | .chip.st-err | 重试 / 查看日志双按钮 |
规则:颜色永远搭配文字或数字(LED + 状态词 + 读数),不靠颜色单通道传义 —— 色弱用户与截图场景都要可读。
14 A11Y 无障碍自检 · 卷四 §17 逐条落地