perf: 优化menu组件逻辑、登陆页面交互样式
This commit is contained in:
@ -239,16 +239,10 @@ const getCode = async () => {
|
||||
// 先重置验证状态
|
||||
formRef.value.clearValidate('mobile');
|
||||
|
||||
// 验证手机号字段
|
||||
try {
|
||||
const result = await formRef.value.validateField('mobile');
|
||||
// 只有当验证通过时才会显示滑块验证
|
||||
if (result === true || result === undefined) {
|
||||
isVerificationVisible.value = true;
|
||||
}
|
||||
} catch (error) {
|
||||
// 验证失败,错误信息会自动显示
|
||||
console.log('手机号验证失败:', error);
|
||||
const result = await formRef.value.validateField('mobile');
|
||||
// 只有当验证通过时才会显示滑块验证
|
||||
if (result === true || result === undefined) {
|
||||
isVerificationVisible.value = true;
|
||||
}
|
||||
};
|
||||
|
||||
@ -261,7 +255,6 @@ const handleVerificationSubmit = async () => {
|
||||
await fetchLoginCaptCha({ mobile: loginForm.mobile });
|
||||
AMessage.success('验证码发送成功');
|
||||
} catch (error) {
|
||||
AMessage.error('验证码发送失败');
|
||||
// 重置倒计时
|
||||
countdown.value = 0;
|
||||
clearInterval(timer.value);
|
||||
|
||||
@ -1,4 +1,19 @@
|
||||
.login-wrap {
|
||||
.arco-input-wrapper,
|
||||
.arco-select-view-single,
|
||||
.arco-textarea-wrapper,
|
||||
.arco-picker,
|
||||
.arco-select-view-multiple {
|
||||
border-radius: 4px;
|
||||
border-color: #d7d7d9 !important;
|
||||
background-color: #fff !important;
|
||||
&:focus-within,
|
||||
&.arco-input-focus {
|
||||
background-color: var(--color-bg-2);
|
||||
// border-color: rgb(var(--primary-6));
|
||||
box-shadow: 0 0 0 0 var(--color-primary-light-2);
|
||||
}
|
||||
}
|
||||
.login-bg {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
@ -38,8 +53,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.account-bind-container {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
display: inline-flex;
|
||||
margin: 10px;
|
||||
// margin: 10px;
|
||||
|
||||
.arco-tabs {
|
||||
margin-bottom: 10px;
|
||||
|
||||
Reference in New Issue
Block a user