feat(login): 优化手机号验证码发送逻辑,前3次免图形验证码
- 新增本地存储计数,记录每个手机号发送次数 - 前3次发送验证码无需弹出图形验证码弹窗,提升用户体验 - 第4次及以后需通过图形验证码验证后才发送短信 - 发送失败时自动刷新图形验证码并显示错误信息 - 补充异常处理,确保发送按钮状态正确重置 - 代码无类型错误,构建验证通过
This commit is contained in:
@@ -53,3 +53,10 @@
|
||||
- 失败时自动刷新图形验证码;弹窗关闭时重置 `codeLoading`。
|
||||
- 新增 i18n 键 `login.forgetPage.captchaTitle`、`captchaPlaceholder`、`sendNow`(zh_CN/en)。
|
||||
- `vue-tsc` 本次新增代码无类型错误;`vite build --outDir dist-verify-captcha` 编译通过。
|
||||
|
||||
## 优化:登录页手机号验证码前 3 次免图形验证
|
||||
- 修改 `src/views/passport/login/index.vue`:手机号登录 Tab 下,「发送验证码」按钮由直接弹窗改为先计数判断。
|
||||
- 用 `localStorage` 按 `login_sms_send_count_${phone}` 记录每个手机号的发送次数。
|
||||
- 同一个手机号前 3 次直接调用 `sendSmsCaptcha`;第 4 次起弹出原有图形验证码弹窗,输入正确并点击「立即发送」后才真正发送。
|
||||
- 失败时自动刷新图形验证码;补充了 `.catch`/`.finally`,避免发送异常时按钮一直 loading。
|
||||
- `vue-tsc` 本次新增代码无类型错误;`vite build --outDir dist-verify-login` 编译通过。
|
||||
|
||||
Reference in New Issue
Block a user