21 lines
1.3 KiB
Markdown
21 lines
1.3 KiB
Markdown
# G03 全状态视觉设计
|
||
|
||
## 状态范围
|
||
|
||
G03 实际包含创建默认、创建校验、重复建谱提醒、创建提交中、创建失败、首代默认、首代校验、首代提交中、首代失败和创建成功弹窗，共 10 类状态。
|
||
|
||
## 设计结论
|
||
|
||
- 保留现有宣纸表单面板、红金主卷轴按钮、重复提醒和成功弹窗；这些状态与 G 系列主题一致，不重新生成资产。
|
||
- 自定义标题栏移除“返回”文字，只保留向左真实箭头，继续保持左右等宽以确保标题居中。
|
||
- 表单说明由 `23rpx` 提升至 `25rpx`，访问规则选项由 `21rpx` 提升至 `23rpx`。
|
||
- 字段校验由 `20rpx` 提升至 `24rpx`，保持右对齐；提交失败说明由 `21rpx` 提升至 `25rpx` 并增加行高。
|
||
- 提交中继续使用主按钮内文案变化，不叠加页面级 Loading，避免一个短暂操作出现两个加载焦点。
|
||
- 弹窗继续使用已确认的 A 系列 `a01-scroll-dialog-v3.png` 与主、次卷轴按钮，不生成重复资产。
|
||
|
||
## 验证
|
||
|
||
- 10 类状态均以真实交互触发并截图。
|
||
- 默认、校验、失败、弹窗至少检查 `412×915`；整页运行 smoke 覆盖基础四档。
|
||
- 重点核对标题居中、错误文字可读性、按钮可达性、弹窗遮罩和短屏自然滚动。
|