xiaoyu/topfans
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: 补充前端完整注册流程图

Browse Source 
明确 register.vue → setNickname.vue 的页面跳转和数据传递逻辑，
verify_token 需要跟随 temp_* 一起存储和传递。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
zheng020 2026-05-22 13:15:07 +08:00
parent cc5565ffaf
commit ef46ec832e
1 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
docs/superpowers/specs/2026-05-22-sms-register-design.md
View File

@ -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 验证码状态