perf(login): 优化登录注册页面的用户体验

- 在 ConfigProvider 中添加 autoInsertSpaceInButton属性以禁用自动插入空格
- 优化登录表单的样式和布局
- 改进注册表单的交互逻辑,增加密码验证和错误提示功能
- 调整注册表单的样式和结构,提高可读性和易用性
This commit is contained in:
rd
2025-09-16 10:10:16 +08:00
parent 348ad2a6ad
commit 8944fc8e6c
3 changed files with 24 additions and 11 deletions

View File

@ -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);
};