rain
3.0 KiB
3.0 KiB
A04 注册账号设计
状态：用户已于 2026-07-14 视觉验收通过；A04 可见效果冻结。本规格据已验收 A01、A02、G01 与 A04 真实运行截图制定。
目标
将 A04 从通用表单壳改为独立的账号注册页，让新用户在统一的家祠认证场景中完成手机号、密码确认与协议确认，并能回到 A02 登录。
2026-07-14 视觉平衡修订
本轮真实运行截图审视限定在 A04 的 360×800 与 412×915 窄屏。问题不是资产，而是登录页的短标签规格被直接用于“设置密码”“确认密码”：126rpx 标签列不足以留出文字与占位提示的间距；居中的“填写信息，开启家族记忆”不承担操作作用，却挤占了表单的视觉呼吸。
修订只作用于 A04：移除这句冗余引导，以现有 auth-divider-knot.png 位图在标题与表单之间建立有意图的分隔；标签列扩至 154rpx，保持三项输入、主按钮、协议、登录回流以及已选的位图面板不变。A01、A02、G01 不触碰；不生成新资产，不以 CSS 伪造装饰面。
视觉与结构
- 顶部复用 A02 已验收的朱砂祠堂头和谱印，不改变 A01/A02/G01。
- 正文使用既有
a02-login-panel.png完整不透明卷轴面板；不创建 CSS 卡片、边框或按钮表面。 - 面板标题为“注册账号”，副标题为“创建属于你的家谱账号”；设置返回动作。
- 表单依次为手机号、设置密码、确认密码。使用真实
input，密码字段隐藏输入。 - 主按钮使用已验收
a01-primary-button.png，文字为“注册账号”。 - 主按钮下方放 A02 同款本页协议确认行；下方提供“已有账号？ 登录”文字回流，其中“登录”跳转 A02。
交互合同
- A04 的
agreed是注册提交前协议状态的唯一所有者，初始未同意；协议名称仍只显示“协议页面准备中”提示，不新增协议正文路由。 - 未同意协议、手机号无效、密码为空、两次密码不一致分别在当前页显示对应 toast；字段有效时显示“注册服务待接入”。
- “登录”只跳转
/pages/auth/a02-login；不接入真实注册、短信、微信或后端接口。
资产与边界
- 复用 A02 完整卷轴面板、A01 主按钮和 A02 两枚透明协议图标；现有资产完整，不使用 ImageGen。
- A04 从
ModulePage和pageCatalog中移出，成为独立 Vue 页面。 - A01、A02、A04、G01 的可见效果冻结；若用户提出 A04 的新明确意见，必须先重新截图审视，再只修正被指出的范围。
验收
- 先写失败的 A04 契约，覆盖独立页面、完整位图面板／按钮、三项输入、协议状态、A02 回流、校验与禁止 CSS 伪造。
- 使用 Chrome 捕获并审视 360×800、412×915；小屏允许纵向滚动，不允许横向裁切、黑块或半渲染。
- 运行 A04 契约、A01/A02 契约、资产审计、编译审计、全路由合同与
git diff --check。