Files
jiapuapp/docs/superpowers/specs/2026-07-14-a06-auth-status-design.md
T
2026-07-14 17:36:43 +08:00

2.6 KiB
Raw Blame History

A06 登录状态设计规格

目标

将 A06 从通用 ModulePage 卡片替换为与 A02/A04/A05 一致的独立认证状态页,清晰承接登录未完成、登录失败、账号受限、注册未完成、微信授权取消和微信授权失败。

已审视的真实界面

  • 入口:http://localhost:5173/#/pages/auth/a06-auth-status
  • 基线截图:docs/design/screens/runtime/2026-07-14/A06-before-360x800.pngdocs/design/screens/runtime/2026-07-14/A06-before-412x915.png
  • 结论:现页是白色通用卡片、CSS 红色方形徽章和被压缩的按钮,既没有认证页面的卷轴与朱砂语言,也无法明确表达可执行的下一步。

状态合同

唯一入口仍是 /pages/auth/a06-auth-statusH5 路由以 ?status= 选择状态,未知值回落到 normal。不新增页面或路由。

status 主文案 主操作 次操作
normal 登录未完成 返回登录
failed 登录失败 返回登录
restricted 账号暂时受限 查看帮助(本地提示) 返回登录
register-pending 注册尚未完成 继续注册 返回登录
wechat-cancelled 微信授权已取消 返回登录
wechat-failed 微信授权失败 返回登录

“查看帮助”仅展示“账号申诉功能待接入”的本地提示;不伪造客服、申诉、短信或后端能力。继续注册跳转 A04,返回登录跳转 A02。手机号绑定仍属于后续个人中心安全设置,本轮不涉及。

视觉与资产

  • 页面壳复用 auth-page-paper.pngauth-ink-scenery.pngauth-header.pngbrand-seal.png
  • 内容面板、完整主按钮、标题云纹、分隔结与返回箭头分别复用 a02-login-panel.pnga01-primary-button.pngauth-title-cloud.pngauth-divider-knot.pngchevron-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 时不得修改。