From f6d39c5ba43df39776744304c6eacfaab97ea165 Mon Sep 17 00:00:00 2001
From: wf <2547096351@qq.com>
Date: Sun, 23 Jun 2024 22:31:13 +0800
Subject: [PATCH] =?UTF-8?q?little:=20=E5=B0=8F=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../user-settings/components/basic-info.vue   | 107 ++++++++++++++----
 .../personal-center/userinfo/userinfo.vue     |   2 +-
 2 files changed, 86 insertions(+), 23 deletions(-)

diff --git a/src/views/personal-center/user-settings/components/basic-info.vue b/src/views/personal-center/user-settings/components/basic-info.vue
index 67140cd..2eea587 100644
--- a/src/views/personal-center/user-settings/components/basic-info.vue
+++ b/src/views/personal-center/user-settings/components/basic-info.vue
@@ -1,32 +1,95 @@
 <template>
-  <div>
-    <a-form :model="form" :style="{ width: '600px' }">
-      <a-form-item field="name" label="用户ID">
-        <a-input v-model="form.name" placeholder="请输入用户昵称" disabled />
-      </a-form-item>
-      <a-form-item field="name" label="用户昵称">
-        <a-input v-model="form.name" placeholder="请输入用户昵称" />
-      </a-form-item>
-      <a-form-item field="name" label="角色">
-        <a-input v-model="form.name" placeholder="请选择角色" />
-      </a-form-item>
-      <a-form-item field="name" label="权限">
-        <a-input v-model="form.name" placeholder="请选择权限" />
-      </a-form-item>
-      <a-form-item field="name" label="注册时间">
-        <a-input v-model="form.name" placeholder="请输入注册时间" />
-      </a-form-item>
-      <a-form-item>
-        <a-button>提交</a-button>
-      </a-form-item>
-    </a-form>
-  </div>
+  <a-row align="center" :gutter="[0, 16]">
+    <a-col :span="24">
+      <a-card title="基本信息">
+        <template #extra>
+          <a-link>修改基本信息</a-link>
+        </template>
+        <a-form :model="form" :style="{ width: '600px' }">
+          <a-form-item field="name" label="用户ID">
+            <a-input v-model="form.name" placeholder="请输入用户昵称" disabled />
+          </a-form-item>
+          <a-form-item field="name" label="用户昵称">
+            <a-input v-model="form.name" placeholder="请输入用户昵称" />
+          </a-form-item>
+          <a-form-item field="name" label="角色">
+            <a-input v-model="form.name" placeholder="请选择角色" />
+          </a-form-item>
+          <a-form-item field="name" label="权限">
+            <a-input v-model="form.name" placeholder="请选择权限" />
+          </a-form-item>
+          <a-form-item field="name" label="注册时间">
+            <a-input v-model="form.name" placeholder="请输入注册时间" />
+          </a-form-item>
+          <a-form-item>
+            <a-button>提交</a-button>
+          </a-form-item>
+        </a-form>
+      </a-card>
+    </a-col>
+    <a-col :span="24">
+      <a-card title="个性信息">
+        <template #extra>
+          <a-link>修改个性信息</a-link>
+        </template>
+        <a-form :model="privateForm" layout="horizontal" :label-col-props="{ span: 8 }" :wrapper-col-props="{ span: 16 }">
+          <a-row :gutter="16">
+            <a-col :span="8">
+              <a-form-item field="name" label="我用语雀">
+                <a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
+              </a-form-item>
+              <a-form-item field="name" label="个性性格">
+                <a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
+              </a-form-item>
+              <a-form-item field="name" label="职业工作">
+                <a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
+              </a-form-item>
+              <a-form-item field="name" label="现居城市">
+                <a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
+              </a-form-item>
+              <a-form-item field="name" label="兴趣爱好">
+                <a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item field="phone" label="邮箱">
+                <a-input v-model="privateForm.name" placeholder="请输入手机号" allow-clear />
+              </a-form-item>
+              <a-form-item field="phone" label="微信">
+                <a-input v-model="privateForm.name" placeholder="请输入手机号" allow-clear />
+              </a-form-item>
+              <a-form-item field="phone" label="思否">
+                <a-input v-model="privateForm.name" placeholder="请输入手机号" allow-clear />
+              </a-form-item>
+              <a-form-item field="phone" label="掘金">
+                <a-input v-model="privateForm.name" placeholder="请输入手机号" allow-clear />
+              </a-form-item>
+              <a-form-item field="phone" label="gitee">
+                <a-input v-model="privateForm.name" placeholder="请输入手机号" allow-clear />
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item field="name" label="公众号">
+                <a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
+              </a-form-item>
+              <a-form-item field="name" label="公众号二维码">
+                <a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
+              </a-form-item>
+            </a-col>
+          </a-row>
+        </a-form>
+      </a-card>
+    </a-col>
+  </a-row>
 </template>
 
 <script setup lang="ts">
 const form = ref({
   name: ""
 });
+const privateForm = ref({
+  name: ""
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/personal-center/userinfo/userinfo.vue b/src/views/personal-center/userinfo/userinfo.vue
index 3b91f20..f37a4a3 100644
--- a/src/views/personal-center/userinfo/userinfo.vue
+++ b/src/views/personal-center/userinfo/userinfo.vue
@@ -37,7 +37,7 @@
         <a-image width="100" :src="officialAccount" />
       </a-grid-item>
       <a-grid-item>
-        <a-image default-scale width="100%" height="220" :src="otherImage" />
+        <a-image default-scale height="220" :src="otherImage" />
       </a-grid-item>
       <a-grid-item>
         <div class="title-size-2">✨Hello 朋友们✨</div>