Files
jiapuapp/docs/superpowers/specs/2026-07-17-f-series-all-states-visual-design.md
T
2026-07-20 06:52:33 +08:00

1.1 KiB
Raw Blame History

F 系列全状态视觉优化

范围

  • F01:列表、加载、空态、错误态。
  • F02:表单、空内容提示、成功、错误。
  • F03–F10:默认、空态、成功、错误;列表与设置页另核对点击提示。

设计决定

  • 保留已经确认的浅色国风背景、金色内容框和 A 系列按钮/提示组件,不重新生成同类资产。
  • F01 保持家族动态的信息流结构,仅提高标签、摘要、作者、状态说明的字号和对比度。
  • F02 保持卷轴表单结构,提高说明、输入和结果说明的可读性;空内容继续使用全局 AppToast
  • F03F10 由 ModulePage.vue 统一拥有共用壳的文字规格。标题、表单、列表、详情、时间线、设置和状态说明均采用适合 412×915 审核的可读字号。
  • 不改变路由、业务数据和交互语义;所有状态通过真实运行页面呈现。

验证

  • 为 F01/F02 与公共 ModulePage 增加视觉契约。
  • 在同一个 Chrome 标签页逐状态生成 412×915 内部 H5 截图。
  • 运行根页面、ModulePage、运行时 smoke、编译审计及 git diff --check