perf(login): 优化登录注册页面的用户体验
- 在 ConfigProvider 中添加 autoInsertSpaceInButton属性以禁用自动插入空格 - 优化登录表单的样式和布局 - 改进注册表单的交互逻辑,增加密码验证和错误提示功能 - 调整注册表单的样式和结构,提高可读性和易用性
This commit is contained in:
@ -43,12 +43,12 @@
|
||||
<img :src="visible ? icon2 : icon1" width="20" height="20" class="cursor-pointer" />
|
||||
</template>
|
||||
</Input.Password>
|
||||
<p class="color-#F64B31 text-12px font-400 lh-20px font-family-regular" v-show="errMsg">
|
||||
<p v-show="errMsg" class="color-#F64B31 h-20px text-12px font-400 lh-20px font-family-regular">
|
||||
{{ errMsg }}
|
||||
</p>
|
||||
</FormItem>
|
||||
|
||||
<FormItem class="mt-52px">
|
||||
<FormItem class="mt-32px">
|
||||
<div class="text-12px flex justify-center items-center mb-16px">
|
||||
<Checkbox v-model:checked="hasCheck" class="mr-8px"></Checkbox>
|
||||
<span class="text-12px color-#737478 font-400 lh-20px font-family-regular"
|
||||
@ -222,6 +222,9 @@ const disabledSubmitBtn = computed(() => {
|
||||
});
|
||||
|
||||
const validateField = (field: string) => {
|
||||
if (field === 'mobile') {
|
||||
errMsg.value = '';
|
||||
}
|
||||
formRef.value.validateFields(field);
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user