fix(login): 修复注册页面用户名重复渲染并将邮箱手机号改为选填
- 给通用块 username 字段增加 !registerMode 条件,避免注册模式下重复渲染 - 移除邮箱、手机号的 required 校验,改为选填(邮箱保留格式校验) - placeholder 增加(选填)提示
This commit is contained in:
@@ -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,17 +299,19 @@ const Login = () => {
|
|||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<Form.Item
|
{!registerMode && (
|
||||||
name="username"
|
<Form.Item
|
||||||
label={isFirstUser ? '管理员账号' : '用户名'}
|
name="username"
|
||||||
rules={[{ required: true, message: isFirstUser ? '请设置管理员账号' : '请输入用户名' }]}
|
label={isFirstUser ? '管理员账号' : '用户名'}
|
||||||
>
|
rules={[{ required: true, message: isFirstUser ? '请设置管理员账号' : '请输入用户名' }]}
|
||||||
<Input
|
>
|
||||||
prefix={<UserOutlined className="input-icon" />}
|
<Input
|
||||||
placeholder={isFirstUser ? '请设置管理员账号' : '请输入用户名'}
|
prefix={<UserOutlined className="input-icon" />}
|
||||||
className="login-input"
|
placeholder={isFirstUser ? '请设置管理员账号' : '请输入用户名'}
|
||||||
/>
|
className="login-input"
|
||||||
</Form.Item>
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
)}
|
||||||
|
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name="password"
|
name="password"
|
||||||
|
|||||||
Reference in New Issue
Block a user