23 lines
1.1 KiB
Markdown
23 lines
1.1 KiB
Markdown
# F 系列全状态视觉优化
|
||
|
||
## 范围
|
||
|
||
- F01：列表、加载、空态、错误态。
|
||
- F02：表单、空内容提示、成功、错误。
|
||
- F03–F10：默认、空态、成功、错误；列表与设置页另核对点击提示。
|
||
|
||
## 设计决定
|
||
|
||
- 保留已经确认的浅色国风背景、金色内容框和 A 系列按钮/提示组件，不重新生成同类资产。
|
||
- F01 保持家族动态的信息流结构，仅提高标签、摘要、作者、状态说明的字号和对比度。
|
||
- F02 保持卷轴表单结构，提高说明、输入和结果说明的可读性；空内容继续使用全局 `AppToast`。
|
||
- F03–F10 由 `ModulePage.vue` 统一拥有共用壳的文字规格。标题、表单、列表、详情、时间线、设置和状态说明均采用适合 412×915 审核的可读字号。
|
||
- 不改变路由、业务数据和交互语义；所有状态通过真实运行页面呈现。
|
||
|
||
## 验证
|
||
|
||
- 为 F01/F02 与公共 ModulePage 增加视觉契约。
|
||
- 在同一个 Chrome 标签页逐状态生成 412×915 内部 H5 截图。
|
||
- 运行根页面、ModulePage、运行时 smoke、编译审计及 `git diff --check`。
|
||
|