1.5 KiB
1.5 KiB
会会数字分身登录页重设计 — 完成概览
做了什么
- 在 Ardot 完成了「会会数字分身-登录页」高保真设计稿。
- 按设计稿重写了前端页面
digital-avatar-app/src/views/SmsLogin.vue。 - Vite 生产构建验证通过。
关键决策
- 视觉风格：Glass Sunset Warm 品牌色（背景
#FFF6EC、主色#FF8C42、文字#4A2511）+ Vision OS Aurora 玻璃拟态。 - 布局：移动端全屏，单栏内容包裹器，无侧边距，输入卡片和按钮通栏。
- 品牌图形：内联渐变机器人 SVG，替代原有 emoji，更具数字分身识别度。
- CTA 文案改为「登录 / 创建分身」，直接传达未注册手机号自动建号的业务规则。
- 保留原组件全部业务逻辑：手机号/验证码校验、60s 倒计时、演示模式 banner、会会登录 API、登录成功后同步用户资料并跳转。
产物位置
- Ardot 设计稿：
https://ardot.tencent.com/file/706196382431752 - 前端页面：
digital-avatar-app/src/views/SmsLogin.vue - 设计截图：
/Users/yqq/Works/AiProject/huihuiSquare/.workbuddy/cache/ardot-shots/screenshot(2_1)-20260721_121632.png
待跟进
- 需要用户在测试环境用真实会会绑定手机号走完整登录链路（发真实短信 → 输入真码 → 进入首页），验证 UI 与后端新对接的会会用户体系端到端可用。
- 可进一步用 HBuilderX 把前端构建产物更新到 uniapp 壳工程中，做真机视觉走查。