feat: 注册增加手机号验证和邮箱

- 手机号输入(必填,11位中国手机号格式验证)
- 验证码机制(模拟,6位随机码,5分钟有效期)
- 发送验证码按钮(60秒倒计时)
- 验证码输入框
- 邮箱输入(可选,格式验证)
- 手机号唯一性检查(防止重复注册)
This commit is contained in:
2026-04-27 11:26:51 +08:00
parent 0812a6192f
commit 295218b4e4
3 changed files with 191 additions and 5 deletions

View File

@@ -753,6 +753,47 @@ body {
border-color: var(--primary);
}
.auth-input-group .required {
color: #e53e3e;
font-size: 12px;
}
.auth-input-group .optional {
color: var(--text-light);
font-size: 12px;
}
/* 手机号输入框布局 */
.phone-input-wrapper {
display: flex;
gap: 8px;
}
.phone-input-wrapper input {
flex: 1;
}
.send-code-btn {
padding: 12px 16px;
background: linear-gradient(135deg, var(--primary) 0%, #764ba2 100%);
color: white;
border: none;
border-radius: 10px;
font-size: 14px;
cursor: pointer;
white-space: nowrap;
transition: opacity 0.2s;
}
.send-code-btn:hover {
opacity: 0.9;
}
.send-code-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.auth-submit-btn {
width: 100%;
padding: 14px;