From 91bfcf61f44f353dfebc54a57b5b774721de3e9a Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期一, 19 十月 2026 09:39:22 +0800
Subject: [PATCH] feat(auth): 更新门户认证页面布局和样式
---
src/views/_core/profile/modules/base-info.vue | 29 +++++++++++++++++++----------
1 files changed, 19 insertions(+), 10 deletions(-)
diff --git a/src/views/_core/profile/modules/base-info.vue b/src/views/_core/profile/modules/base-info.vue
index d2d7590..9afb6c3 100644
--- a/src/views/_core/profile/modules/base-info.vue
+++ b/src/views/_core/profile/modules/base-info.vue
@@ -22,12 +22,15 @@
}>();
const [Form, formApi] = useVbenForm({
+ wrapperClass: 'grid-cols-1',
+ actionPosition: 'left',
+ actionLayout: 'newLine',
commonConfig: {
- labelWidth: 70,
+ labelWidth: 84,
},
schema: [
{
- label: '鐢ㄦ埛鏄电О',
+ label: '鏄剧ず鍚嶇О',
fieldName: 'nickname',
component: 'Input',
componentProps: {
@@ -36,22 +39,24 @@
rules: 'required',
},
{
- label: '鐢ㄦ埛鎵嬫満',
+ label: '鎵嬫満鍙风爜',
fieldName: 'mobile',
component: 'Input',
componentProps: {
placeholder: '璇疯緭鍏ョ敤鎴锋墜鏈�',
+ autocomplete: 'tel',
},
- rules: z.string(),
+ rules: z.string().optional(),
},
{
- label: '鐢ㄦ埛閭',
+ label: '鐢靛瓙閭',
fieldName: 'email',
component: 'Input',
componentProps: {
placeholder: '璇疯緭鍏ョ敤鎴烽偖绠�',
+ autocomplete: 'email',
},
- rules: z.string().email('璇疯緭鍏ユ纭殑閭'),
+ rules: z.string().email('璇疯緭鍏ユ纭殑閭').or(z.literal('')).optional(),
},
{
label: '鐢ㄦ埛鎬у埆',
@@ -62,14 +67,14 @@
buttonStyle: 'solid',
optionType: 'button',
},
- rules: z.number(),
+ rules: z.number().optional(),
},
],
resetButtonOptions: {
show: false,
},
submitButtonOptions: {
- content: '鏇存柊淇℃伅',
+ content: '淇濆瓨淇敼',
},
handleSubmit,
});
@@ -94,7 +99,7 @@
() => props.profile,
(newProfile) => {
if (newProfile) {
- formApi.setValues(newProfile);
+ formApi.setValues({ nickname: newProfile.nickname, mobile: newProfile.mobile ?? '', email: newProfile.email ?? '', sex: newProfile.sex });
}
},
{ immediate: true },
@@ -102,7 +107,11 @@
</script>
<template>
- <div class="mt-4 md:w-full lg:w-1/2 2xl:w-2/5">
+ <div class="profile-form">
<Form />
+ <p class="profile-form-note">璐﹀彿銆侀儴闂ㄥ強宀椾綅鐢辩鐞嗗憳缁存姢銆傚闇�璋冩暣锛岃鑱旂郴绠＄悊鍛樸��</p>
</div>
</template>
+<style scoped>
+.profile-form { max-width: 560px; }.profile-form :deep(.ant-input),.profile-form :deep(.ant-input-affix-wrapper) { min-height: 38px; }.profile-form-note { margin: 18px 0 0 84px; color: var(--portal-muted); font-size: 12px; line-height: 1.8; }@media(max-width:520px) { .profile-form-note { margin-left: 0; } }
+</style>
--
Gitblit v1.9.3