# 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 运行环境验收实际布局。