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

1.3 KiB
Raw Blame History

G03 全状态视觉设计

状态范围

G03 实际包含创建默认、创建校验、重复建谱提醒、创建提交中、创建失败、首代默认、首代校验、首代提交中、首代失败和创建成功弹窗,共 10 类状态。

设计结论

  • 保留现有宣纸表单面板、红金主卷轴按钮、重复提醒和成功弹窗;这些状态与 G 系列主题一致,不重新生成资产。
  • 自定义标题栏移除“返回”文字,只保留向左真实箭头,继续保持左右等宽以确保标题居中。
  • 表单说明由 23rpx 提升至 25rpx,访问规则选项由 21rpx 提升至 23rpx
  • 字段校验由 20rpx 提升至 24rpx,保持右对齐;提交失败说明由 21rpx 提升至 25rpx 并增加行高。
  • 提交中继续使用主按钮内文案变化,不叠加页面级 Loading,避免一个短暂操作出现两个加载焦点。
  • 弹窗继续使用已确认的 A 系列 a01-scroll-dialog-v3.png 与主、次卷轴按钮,不生成重复资产。

验证

  • 10 类状态均以真实交互触发并截图。
  • 默认、校验、失败、弹窗至少检查 412×915;整页运行 smoke 覆盖基础四档。
  • 重点核对标题居中、错误文字可读性、按钮可达性、弹窗遮罩和短屏自然滚动。