Files
jiapuapp/docs/superpowers/specs/2026-07-13-a01-a02-static-ui-implementation-design.md
T
2026-07-13 15:35:16 +08:00

3.0 KiB
Raw Blame History

A-01 / A-02 本地 UI 落地设计

状态:用户已选择“完整前端落地,不接接口”。

A-01 的视觉与入口规则唯一归属 docs/design/A01_启动登录引导_设计记录.md。本文件是 A-01/A-02 本地 UI、路由和无接口交互的唯一实现合同。

页面与路由

  • 新增 pages/auth/entry.vue 作为 A-01,并把它放在 pages.json 的第一个页面,成为应用启动入口。
  • 保留 pages/auth/login.vue,但删除旧的 appApicalcMD5、手机号密码接口和成功重启逻辑;该页改为 A-02。
  • A-01 点击“登录”且已主动勾选协议后,使用 uni.navigateTo 进入 /pages/auth/login?agreed=1
  • A-01 未勾选协议时,登录、微信登录、注册账号均只显示“请先阅读并同意相关协议”,不跳转、不改变勾选状态。
  • A-01 已勾选协议后,微信登录显示“微信登录功能准备中”,注册账号显示“注册页面准备中”。不创建 A-03/A-04 的伪页面。

A-01 视觉结构

  • 使用现有 static/assets/backgrounds/auth-ancestral-header-v1.pngauth-rice-paper-v1.jpgauth-ink-scenery-v1.png 作为独立认证页背景;使用 login-outline-v1.pngwechat-licensed-v1.png 作为本地图标。
  • 顺序固定为:朱砂家祠头图、标题“家谱”、副标题“为家族留存可传承的记忆”、朱砂主按钮“登录”、描边按钮“微信登录”、单行文字“还没有账号?注册账号”、未勾选协议行。
  • A-01 的运行时布局唯一遵循 docs/design/A01_启动登录引导_设计记录.md 中的“412 × 915 运行时校准表”;本文件不再重复或定义按钮与间距数值。

A-02 双标签登录页

  • 页头沿用认证页的朱砂头图与暖宣纸背景,但页面标题为“登录家谱”。
  • 默认标签是“账号密码登录”;第二标签是“手机验证码登录”。只有当前标签的表单可见。
  • 账号密码表单字段为“账号/手机号”“密码”,并展示“忘记密码”文字入口;手机验证码表单字段为“手机号”“验证码”,展示不可调用接口的“获取验证码”次级按钮。
  • 两个标签的主按钮均为“登录”。点击时不发起网络请求:当 A-01 协议状态未通过查询参数传入时提示“请先返回登录引导确认协议”;通过时提示“登录接口待接入”。
  • 忘记密码提示“忘记密码页面准备中”。不保留“登录即表示同意”或任何默认同意文案。

范围与验证

  • 只修改 pages.json、新增 pages/auth/entry.vue、改造 pages/auth/login.vue,并新增针对路由、接口移除与协议文案的 PowerShell 合同审计。
  • 不引入依赖、不调用 API、不写入 token、不跳转至家谱首页、不改未设计页面。
  • 静态验收覆盖 320 × 568、360 × 640、360 × 800、412 × 915;页面实现后再在 HBuilderX 或 Android 运行环境验收实际布局。