Files
jiapuapp/docs/superpowers/specs/2026-07-16-a04-a01-visual-system-migration-design.md
T
2026-07-16 18:13:03 +08:00

2.2 KiB
Raw Blame History

A04 同步 A01 新视觉体系设计

目标

将 A04 注册账号页内仍在使用的旧认证视觉替换为 A01 已经通过用户审核的新体系,同时保持 A04 的注册字段、校验逻辑、协议入口和返回登录流程不变。

已确认方案

用户选择“方案 1:完整同步 A01 新体系”。本次只修改 pages/auth/a04-register.vue、A04 聚焦测试和必要文档,不修改 A01 或其他页面。

视觉合同

  • 继续使用现有宗祠水墨底板和 brand-seal.png
  • A04 Logo 与 A01 完全一致:184×221rpxtop: 64rpx、水平居中。
  • 页面不再声明 STSong/SimSun,统一继承全局 STKaiti / KaiTi
  • 标题分隔改用 a01-vnext-divider-v1.pngaspectFit
  • 注册主按钮改用 a01-scroll-primary-v3.pngaspectFit;文字继续由 Vue 独立承载。
  • 反馈 Toast 改用 a01-scroll-toast-v3.pngborder-image 切片;文案继续由 Vue 承载。
  • A04 协议勾选/未勾选图标继续使用 A01 当前已审核的同款资产,不因文件名含 a02 而重复造图。
  • 返回箭头和宗祠底板属于仍在使用的共享资产,不列为旧视觉替换对象。

滑动验证边界

  • 删除 A04 当前 a02-login-panel.png 自定义安全验证占位视觉及对应开关状态。
  • 完整本地校验通过后,只用新版自定义 Toast 提示“滑动验证待接口接入”。
  • 后续接口阶段由真实滑动验证组件的自带滑块、轨道、拼图和结果样式接管;本轮不制作新的自定义验证面板。

状态与交互

  • 保留手机号、设置密码、确认密码三字段和就近错误提示。
  • 保留协议未勾选错误、勾选后即时清除、返回 A01 和协议入口。
  • 不接注册接口,不伪造注册成功,不新增页面或路由。

验证

  • 测试先锁定新资产、全局字体、Logo 尺寸和旧资产禁用,再实施页面修改。
  • 检查默认、字段错误、协议错误、协议勾选和滑动验证待接入 Toast。
  • H5 覆盖 320×568、360×640、360×800、412×915412×915 在用户当前 Chrome 中逐状态审核。
  • H5 通过不代表 Android/HBuilderX 或用户整页验收完成,A04 保持 [~]