1.1 KiB
1.1 KiB
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。