refactor(design): 组件样式抽成共用的 components.css

- 预览页的组件样式移到 system/components.css,本地字体加载移到 system/fonts-local.css,供预览页和原型共用
- 出处引用限 4 行、选中态加粗;链接按钮去下划线;hidden 属性优先于组件样式
- 规范补充:「已忽略」署名用辅助灰和「–」,不用确认绿

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
YANG JIANKUAN
2026-11-02 22:02:34 +08:00
parent 274a211ac9
commit 700514746f
5 changed files with 202 additions and 184 deletions

View File

@@ -4,6 +4,8 @@
> 依据:视觉方向 A「校样」(决策 B1)、VI 手册 v1.1、品牌策略的语气规则、`docs/analysis/03-functional-requirements.md`。
> 配套文件:
> - `system/tokens.css`:设计变量(颜色、字体、字阶、间距、圆角、尺寸),原型和前端都直接引用;
> - `system/components.css`:组件样式的参考实现,预览页和原型(`docs/prototype/`)共用;
> - `system/fonts-local.css`:本地预览用的字体加载(从 `logo/.work/fonts` 读,不进 git);
> - `system/components.html`:组件预览页,用真实样本条款演示(起本地服务后打开,见第 13 节)。
>
> 第 12 节的 U1–U4 已于 2026-11-02 全部按建议确认(`docs/decisions.md`)。
@@ -241,7 +243,7 @@
- 结构:级别标签 → 标题(结论)→ 说明(事实 + 后果 + 改法)→ 处理按钮 → 出处(右侧或下方)。
- 标题写结论,不写规则名:「报价超过采购包 2 的最高限价」,不写「报价限价规则命中」。
- 复查标记放在标题行右侧:「新增」「沿用」「本次已解决」(FR-M3-08),用辅助灰小字,不用颜色。
- 处理后:按钮收起,换成署名行「✓ 王敏 11月2日 14:20 已修改」(绿),可「撤销」。忽略的署名行带原因。
- 处理后:按钮收起,换成署名行「✓ 王敏 11月2日 14:20 已修改」(绿),可「撤销」。「已忽略」不是确认,署名行用辅助灰和「–」,后面带原因。
- 「致命」行左侧加 3px 致命红竖线,方便在长列表里扫读;「重要」「提示」不加。
- 已处理的问题默认折叠到列表底部「已处理(N)」,避免干扰。
- 每行都有「判断有误?」文字链接,打开反馈表单(FR-M3-07 / J5)。
@@ -505,5 +507,6 @@
```
- 改颜色、字号、间距:只改 `system/tokens.css`,再同步本文的表格。
- 新增组件:先在本文第 7 节写用途、结构、状态、规则,再加到预览页。
- 改组件样式:改 `system/components.css`,预览页和原型会一起变。
- 新增组件:先在本文第 7 节写用途、结构、状态、规则,再加到 `components.css` 和预览页。
- 本规范变化影响 VI 手册(颜色、字体)时,同步更新 `vi/vi-manual.html` 并重出 PDF。