rain
40 lines
2.2 KiB
Markdown
40 lines
2.2 KiB
Markdown
# A04 同步 A01 新视觉体系设计
|
||
|
||
## 目标
|
||
|
||
将 A04 注册账号页内仍在使用的旧认证视觉替换为 A01 已经通过用户审核的新体系，同时保持 A04 的注册字段、校验逻辑、协议入口和返回登录流程不变。
|
||
|
||
## 已确认方案
|
||
|
||
用户选择“方案 1：完整同步 A01 新体系”。本次只修改 `pages/auth/a04-register.vue`、A04 聚焦测试和必要文档，不修改 A01 或其他页面。
|
||
|
||
### 视觉合同
|
||
|
||
- 继续使用现有宗祠水墨底板和 `brand-seal.png`。
|
||
- A04 Logo 与 A01 完全一致：`184×221rpx`、`top: 64rpx`、水平居中。
|
||
- 页面不再声明 `STSong/SimSun`，统一继承全局 `STKaiti / KaiTi`。
|
||
- 标题分隔改用 `a01-vnext-divider-v1.png` 与 `aspectFit`。
|
||
- 注册主按钮改用 `a01-scroll-primary-v3.png` 与 `aspectFit`；文字继续由 Vue 独立承载。
|
||
- 反馈 Toast 改用 `a01-scroll-toast-v3.png` 的 `border-image` 切片；文案继续由 Vue 承载。
|
||
- A04 协议勾选／未勾选图标继续使用 A01 当前已审核的同款资产，不因文件名含 `a02` 而重复造图。
|
||
- 返回箭头和宗祠底板属于仍在使用的共享资产，不列为旧视觉替换对象。
|
||
|
||
### 滑动验证边界
|
||
|
||
- 删除 A04 当前 `a02-login-panel.png` 自定义安全验证占位视觉及对应开关状态。
|
||
- 完整本地校验通过后，只用新版自定义 Toast 提示“滑动验证待接口接入”。
|
||
- 后续接口阶段由真实滑动验证组件的自带滑块、轨道、拼图和结果样式接管；本轮不制作新的自定义验证面板。
|
||
|
||
## 状态与交互
|
||
|
||
- 保留手机号、设置密码、确认密码三字段和就近错误提示。
|
||
- 保留协议未勾选错误、勾选后即时清除、返回 A01 和协议入口。
|
||
- 不接注册接口，不伪造注册成功，不新增页面或路由。
|
||
|
||
## 验证
|
||
|
||
- 测试先锁定新资产、全局字体、Logo 尺寸和旧资产禁用，再实施页面修改。
|
||
- 检查默认、字段错误、协议错误、协议勾选和滑动验证待接入 Toast。
|
||
- H5 覆盖 320×568、360×640、360×800、412×915；412×915 在用户当前 Chrome 中逐状态审核。
|
||
- H5 通过不代表 Android/HBuilderX 或用户整页验收完成，A04 保持 `[~]`。
|