rain
34 lines
2.9 KiB
Markdown
34 lines
2.9 KiB
Markdown
# A-01 / A-02 本地 UI 落地设计
|
||
|
||
> 状态：用户已选择“完整前端落地，不接接口”。
|
||
>
|
||
> A-01 的视觉与入口规则唯一归属 [`docs/design/A01_启动登录引导_设计记录.md`](../../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 记录中的 750rpx 栅格、638rpx 内容宽度、108rpx 按钮高和安全区规则。
|
||
|
||
## 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 运行环境验收实际布局。
|