diff --git a/docs/superpowers/specs/2026-05-22-sms-register-design.md b/docs/superpowers/specs/2026-05-22-sms-register-design.md index 7d392bc..562674d 100644 --- a/docs/superpowers/specs/2026-05-22-sms-register-design.md +++ b/docs/superpowers/specs/2026-05-22-sms-register-design.md @@ -18,13 +18,33 @@ ### 2.1 前端页面变化 -修改 `frontend/pages/register/register.vue`,在当前页面嵌入短信验证码输入区: +修改 `frontend/pages/register/register.vue`: 1. 用户输入手机号后,点击"发送验证码"按钮 2. 按钮变为倒计时状态(60 秒),期间不可点击 -3. 用户输入收到的验证码 -4. 点击"验证验证码"按钮 -5. 验证通过后解锁密码输入框,继续原有注册流程 +3. 用户输入收到的验证码,点击"验证验证码"按钮 +4. **验证通过后**:解锁密码输入框,按钮变为"注册" +5. 用户输入密码,点击"注册"按钮 +6. 页面跳转到 `/pages/profile/setNickname`,携带手机号+密码+verify_token + +注册流程图: +``` +register.vue setNickname.vue + │ │ + ├── 输入手机号 │ + ├── 点击"发送验证码" ──→ 发送验证码 │ + ├── 输入验证码 │ + ├── 点击"验证验证码" ──→ 验证通过 │ + │ 返回 verify_token │ + ├── 输入密码 │ + ├── 点击"注册" → 存储 temp_* │ + │ + verify_token │ + └── 跳转 setNickname ─────────────→ │ + ├── 读取 temp_* + verify_token + ├── 输入昵称 + 选择 star_id + └── 点击"下一步" ──→ register API + (mobile, password, nickname, star_id, verify_token) +``` ### 2.2 验证码状态