优化用户管理模块

src/views/user/updateUser/components/baseInfo.vue

 <template>
   <div>
+    <div class="title">修改基本信息</div>
     <el-form ref="form" :model="form" label-width="100px" :rules="rules">
       <el-form-item label="用户名:" prop="name">
         <el-input v-model="form.name" />
@@ -55,4 +56,19 @@ export default {
   margin-top: 50px;
   text-align: center;
 }
+.title {
+  width: 100%;
+  height: 60px;
+  background: rgba(226, 235, 255, 0.39);
+  line-height: 60px;
+  font-size: 18px;
+  color: #333;
+  font-weight: 500;
+  text-align: center;
+  margin-bottom: 30px;
+}
+.el-form {
+  width: 500px;
+  margin: 0 auto;
+}
 </style>

src/views/user/updateUser/components/password.vue

 <template>
   <div>
+    <div class="title">修改密码</div>
     <el-form ref="form" :model="form" label-width="100px" :rules="rules">
       <el-form-item label="用户名:" prop="name">
         <el-input v-model="form.name" />
@@ -67,4 +68,19 @@ export default {
   margin-top: 50px;
   text-align: center;
 }
+.el-form {
+  width: 500px;
+  margin: 0 auto;
+}
+.title {
+  width: 100%;
+  height: 60px;
+  background: rgba(226, 235, 255, 0.39);
+  line-height: 60px;
+  font-size: 18px;
+  color: #333;
+  font-weight: 500;
+  text-align: center;
+  margin-bottom: 30px;
+}
 </style>

src/views/user/updateUser/index.vue

@@ -43,31 +43,21 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.update-user-container {
-    width: 500px;
-    margin: 0 auto;
-}
+
 .header {
     display: flex;
     justify-content: center;
-    margin: 30px 0 50px 0;
+    margin-bottom: 30px;
     .tab {
-      background: #f3f3f3;
       display: flex;
-      height: 40px;
-      border-radius: 10px;
       cursor: pointer;
       .tab-item {
-        width: 130px;
-        line-height: 40px;
-        text-align: center;
-        font-size: 14px;
-        color: #666666;
+        margin: 0 50px;
+        padding-bottom: 10px;
       }
       .tab-active {
-        color: #fff;
-        background: #409eff;
-        border-radius: 10px;
+        color: #038ed7;
+        border-bottom: 1px solid #038ed7;
       }
     }
   }