3.0 KiB
3.0 KiB
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,但删除旧的appApi、calcMD5、手机号密码接口和成功重启逻辑;该页改为 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.png、auth-rice-paper-v1.jpg、auth-ink-scenery-v1.png作为独立认证页背景;使用login-outline-v1.png和wechat-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 运行环境验收实际布局。