2.6 KiB
2.6 KiB
A06 登录状态设计规格
目标
将 A06 从通用 ModulePage 卡片替换为与 A02/A04/A05 一致的独立认证状态页,清晰承接登录未完成、登录失败、账号受限、注册未完成、微信授权取消和微信授权失败。
已审视的真实界面
- 入口:
http://localhost:5173/#/pages/auth/a06-auth-status - 基线截图:
docs/design/screens/runtime/2026-07-14/A06-before-360x800.png、docs/design/screens/runtime/2026-07-14/A06-before-412x915.png - 结论:现页是白色通用卡片、CSS 红色方形徽章和被压缩的按钮,既没有认证页面的卷轴与朱砂语言,也无法明确表达可执行的下一步。
状态合同
唯一入口仍是 /pages/auth/a06-auth-status;H5 路由以 ?status= 选择状态,未知值回落到 normal。不新增页面或路由。
| status | 主文案 | 主操作 | 次操作 |
|---|---|---|---|
normal |
登录未完成 | 返回登录 | 无 |
failed |
登录失败 | 返回登录 | 无 |
restricted |
账号暂时受限 | 查看帮助(本地提示) | 返回登录 |
register-pending |
注册尚未完成 | 继续注册 | 返回登录 |
wechat-cancelled |
微信授权已取消 | 返回登录 | 无 |
wechat-failed |
微信授权失败 | 返回登录 | 无 |
“查看帮助”仅展示“账号申诉功能待接入”的本地提示;不伪造客服、申诉、短信或后端能力。继续注册跳转 A04,返回登录跳转 A02。手机号绑定仍属于后续个人中心安全设置,本轮不涉及。
视觉与资产
- 页面壳复用
auth-page-paper.png、auth-ink-scenery.png、auth-header.png、brand-seal.png。 - 内容面板、完整主按钮、标题云纹、分隔结与返回箭头分别复用
a02-login-panel.png、a01-primary-button.png、auth-title-cloud.png、auth-divider-knot.png、chevron-right.png。 - 状态识别复用现有透明位图
auth-login-outline.png。 - 不生成新图:现有认证资产已完整覆盖页面壳、面板、按钮和装饰面。不得用 CSS 绘制完整卡片、按钮、边框或状态图形。
范围与验收
- 不修改已验收并冻结的 A01、G01、A02、A04、A05 可见效果。
- 先新增失败的 A06 源码契约,再实现页面。
- 在 360×800、412×915 的真实 Chrome 截图核对默认态;另核对
restricted状态的文案与操作。 - 完成前运行 A06 契约、受影响回归、编译审计、全页契约和
git diff --check。 - 用户已于 2026-07-14 明确确认 A06;其可见效果现已冻结,后续开始 G02 时不得修改。