zc

src/views/mine/index.vue

@@ -2,7 +2,7 @@
     <div class="mine">
       <!--<navbar />-->
       <div class="mine-page">
-        <div class="left-max-box">
+        <div class="left-max-box scrollbar-box">
           <p class="left-title">个人中心</p>
           <div class="left-user-img">
             <userAvatar :user="user" />
@@ -54,7 +54,7 @@
             </div>
           </div>
         </div>
-        <div class="right-max-box">
+        <div class="right-max-box scrollbar-box">
           <div class="right-title-box">
             <div class="title-button-min-box" @click="buttonTypeClick(1)">
               <p :class="buttonType == '1'?'bottomColor':''">基本资料</p>
@@ -77,12 +77,13 @@
                     placeholder="请输入联系方式"
                     clearable/>
                 </el-form-item>
-                <el-form-item class="form-item-min" label="邮箱：" prop="email" label-width="110px">
+                <el-form-item class="form-item-min" label="邮箱：" prop="email" label-width="120px">
                   <el-input
                     maxlength="40"
                     v-model="userform.email"
                     placeholder="请输入邮箱"
                     clearable
+                    style="width:200px;"
                     size="small"
                   />
                 </el-form-item>
@@ -91,13 +92,14 @@
                     v-model="userform.dateBirth"
                     value-format="yyyy-MM-dd"
                     type="date"
+                    style="width:200px;"
                     placeholder="请选择出生日期">
                   </el-date-picker>
                 </el-form-item>
               </div>
               <div>
                 <el-form-item class="form-item-min" label="人脸照片：" prop="searchValue" label-width="120px">
-                  <div class="up-data-box" style="width:210px;">
+                  <div class="up-data-box" style="width:200px;">
                     <div class="up-data-min-box" style="display: flex;">
                       <div class="up-data-button" v-if="!user.faceImg" @click="upFaceOpenClick(2)">
                         <p>+</p>
@@ -145,7 +147,7 @@
                     size="small"
                   />
                 </el-form-item>
-                <el-form-item class="form-item-min" label="新密码：" prop="newPassword" label-width="110px">
+                <el-form-item class="form-item-min" label="新密码：" prop="newPassword" label-width="120px">
                   <el-input
                     maxlength="16"
                     type="password"
@@ -619,12 +621,14 @@
     width:100%;
     display: flex;
     flex-direction: column;
+    overflow: hidden;
     *{
       margin:0;
     }
     .mine-page{
       flex:1;
       display: flex;
+      overflow: hidden;
       .left-max-box{
         width:300px;
         /*margin:20px;*/
@@ -781,7 +785,7 @@
         }
         .type-one-max-box{
           width:100px;
-          margin:40px auto 0;
+          margin:40px auto;
         }
         .up-data-box{
           display: inline-block;