73 |
}
75 | title="Bin API"
76 | subTitle={
77 | <>
78 | {/* eslint-disable-next-line react/no-unescaped-entities */}
79 |
80 | 一个丰富的API开放调用平台
81 |
82 | >
83 | }
84 | initialValues={{
85 | autoLogin: true,
86 | }}
87 | actions={
88 | [
89 | // '其他登录方式 :',
90 | //
,
91 | //
,
92 | //
,
93 | ]
94 | }
95 | onFinish={async (values) => {
96 | await handleSubmit(values as API.UserLoginRequest);
97 | }}
98 | >
99 |
114 |
115 | {status === 'error' && loginType === 'account' && (
116 |
117 | )}
118 | {type === 'account' && (
119 | <>
120 |
,
125 | }}
126 | placeholder={'账号'}
127 | rules={[
128 | {
129 | required: true,
130 | message: '账号是必填项!',
131 | },
132 | ]}
133 | />
134 |
,
139 | }}
140 | placeholder={'密码'}
141 | rules={[
142 | {
143 | required: true,
144 | message: '密码是必填项!',
145 | },
146 | ]}
147 | />
148 | >
149 | )}
150 |
151 | {status === 'error' && loginType === 'mobile' &&
}
152 | {type === 'mobile' && (
153 | <>
154 |
,
158 | }}
159 | name="phoneNum"
160 | placeholder={'请输入手机号!'}
161 | rules={[
162 | {
163 | required: true,
164 | message: '手机号是必填项!',
165 | },
166 | {
167 | pattern: /^1\d{10}$/,
168 | message: '不合法的手机号!',
169 | },
170 | ]}
171 | />
172 |
,
176 | }}
177 | captchaProps={{
178 | size: 'large',
179 | }}
180 | placeholder={'请输入验证码!'}
181 | captchaTextRender={(timing, count) => {
182 | if (timing) {
183 | return `${count} ${'秒后重新获取'}`;
184 | }
185 | return '获取验证码';
186 | }}
187 | name="phoneCaptcha"
188 | phoneName="phoneNum"
189 | rules={[
190 | {
191 | required: true,
192 | message: '验证码是必填项!',
193 | },
194 | ]}
195 | onGetCaptcha={async (phoneNum) => {
196 | const result = await smsCaptchaUsingGET({
197 | phoneNum,
198 | });
199 | if (result === false) {
200 | return;
201 | }
202 | message.success(result.data);
203 | }}
204 | />
205 | >
206 | )}
207 |
212 |
213 | 自动登录
214 |
215 |
221 | 没有账号?去注册
222 |
223 |
224 |
225 |