From 4d85e5321cb26e10a7d461b4691f96f08691cc14 Mon Sep 17 00:00:00 2001
From: Cade Li <cadecode@foxmail.com>
Date: Tue, 25 Apr 2023 11:19:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83?=
 =?UTF-8?q?=E6=8E=92=E7=89=88=E6=A0=BC=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/UserCenter.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/view/UserCenter.vue b/src/view/UserCenter.vue
index c7e1ca8..dece094 100644
--- a/src/view/UserCenter.vue
+++ b/src/view/UserCenter.vue
@@ -2,7 +2,7 @@
   <div class="user-center-container">
     <el-tabs type="border-card" class="user-center-info">
       <el-tab-pane label="个人资料">
-        <el-descriptions :column="1" :border="true">
+        <el-descriptions :column="1" border>
           <el-descriptions-item>
             <span slot="label"><i class="el-icon-key" />用户ID</span>
             {{ userInfo.id }}
@@ -62,7 +62,7 @@
           </el-form-item>
           <el-form-item>
             <el-button type="primary" @click="modifyInfo">修改</el-button>
-            <el-button @click="resetForm('modifyInfoForm')">重置</el-button>
+            <el-button @click="() => this.$refs['modifyInfoForm'].resetFields()">重置</el-button>
           </el-form-item>
         </el-form>
       </el-tab-pane>
@@ -79,7 +79,7 @@
           </el-form-item>
           <el-form-item>
             <el-button type="primary" @click="modifyPass">修改</el-button>
-            <el-button @click="resetForm('modifyPassForm')">重置</el-button>
+            <el-button @click="() => this.$refs['modifyPassForm'].resetFields()">重置</el-button>
           </el-form-item>
         </el-form>
       </el-tab-pane>
@@ -139,9 +139,6 @@ export default {
     ])
   },
   methods: {
-    resetForm(formName) {
-      this.$refs[formName].resetFields();
-    },
     modifyInfo() {
       this.$refs['modifyInfoForm'].validate((valid) => {
         if (valid) {
@@ -167,18 +164,21 @@ export default {
 
 <style lang="scss" scoped>
 .user-center-container {
+  height: calc(100vh - 60px);
   margin: 10px 20px 0;
   overflow: hidden;
 
   .user-center-info {
     display: inline-block;
-    width: 28%;
+    height: calc(100vh - 80px);
+    width: 48%;
     margin-right: 1%;
   }
 
   .user-center-modify {
     display: inline-block;
-    width: 70%;
+    height: calc(100vh - 80px);
+    width: 50%;
     vertical-align: top;
   }
 }