feat(passport): 优化忘记密码页发送验证码体验

- 引入图形验证码弹窗,风格与注册页面保持一致
- 使用 localStorage 记录每个账号发送验证码次数,前三次免图形验证码
- 第四次及以后发送验证码需输入正确图形验证码才能发送
- 失败时自动刷新验证码,关闭弹窗时重置加载状态
- 新增相关国际化文案支持中英文
- 调整登录页邮箱登录相关占位符文案提升用户体验
This commit is contained in:
2026-07-24 22:14:29 +08:00
parent d6b56d99ce
commit f9bf3c6df3
5 changed files with 146 additions and 18 deletions

View File

@@ -36,7 +36,7 @@
class="title-btn"
:class="loginType === 'account' ? 'active' : ''"
@click="onLoginType('account')"
>账号登录</h4
>邮箱登录</h4
>
<a-divider type="vertical" style="height: 20px" />
<h4
@@ -85,7 +85,7 @@
allow-clear
size="large"
v-model:value="form.account"
placeholder="邮箱 / 用户ID"
placeholder="请输入邮箱"
>
<template #prefix>
<UserOutlined />
@@ -96,7 +96,7 @@
<a-input-password
size="large"
v-model:value="form.password"
placeholder="登录密码"
placeholder="请输入登录密码"
@pressEnter="submit"
>
<template #prefix>