fix(login): 修复注册页面用户名重复渲染并将邮箱手机号改为选填

- 给通用块 username 字段增加 !registerMode 条件,避免注册模式下重复渲染

- 移除邮箱、手机号的 required 校验,改为选填(邮箱保留格式校验)

- placeholder 增加(选填)提示
This commit is contained in:
zhang1106
2026-06-17 11:31:25 +08:00
parent 755712bdb6
commit 6f4bff9bd0
+4 -4
View File
@@ -277,12 +277,11 @@ const Login = () => {
name="email" name="email"
label="邮箱" label="邮箱"
rules={[ rules={[
{ required: true, message: '请输入邮箱' },
{ type: 'email', message: '请输入有效的邮箱地址' }, { type: 'email', message: '请输入有效的邮箱地址' },
]} ]}
> >
<Input <Input
placeholder="请输入邮箱" placeholder="请输入邮箱(选填)"
className="login-input" className="login-input"
prefix={<MailOutlined className="input-icon" />} prefix={<MailOutlined className="input-icon" />}
/> />
@@ -290,10 +289,9 @@ const Login = () => {
<Form.Item <Form.Item
name="phone" name="phone"
label="手机号" label="手机号"
rules={[{ required: true, message: '请输入手机号' }]}
> >
<Input <Input
placeholder="请输入手机号" placeholder="请输入手机号(选填)"
className="login-input" className="login-input"
prefix={<PhoneOutlined className="input-icon" />} prefix={<PhoneOutlined className="input-icon" />}
/> />
@@ -301,6 +299,7 @@ const Login = () => {
</> </>
)} )}
{!registerMode && (
<Form.Item <Form.Item
name="username" name="username"
label={isFirstUser ? '管理员账号' : '用户名'} label={isFirstUser ? '管理员账号' : '用户名'}
@@ -312,6 +311,7 @@ const Login = () => {
className="login-input" className="login-input"
/> />
</Form.Item> </Form.Item>
)}
<Form.Item <Form.Item
name="password" name="password"