2.2 KiB
2.2 KiB
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 保持
[~]。