Browse Source

适配图片

y595705120 9 months ago
parent
commit
46f72481ad

+ 1 - 1
src/assets/css/m-account.css

@@ -13,7 +13,7 @@
   font-size: 16px;
   display: inline-block;
   line-height: 29px;
-  margin-right: 30px;
+  margin-right: 20px;
   padding: 0 15px 5px;
 }
 .m-account .account-tit a:hover {

+ 4 - 0
src/assets/css/mobile.css

@@ -30,4 +30,8 @@
   .mh576{
     width: 100%;
   }
+  .setting-img{
+   width: 150px;
+  height: 150px;
+  }
 }

+ 4 - 4
src/containers/center/setting/index.vue

@@ -15,12 +15,12 @@
             <div class="m-img tc"></div>
 
             <el-row :gutter="40" class="mt20">
-              <el-col :span="6" class="col-normal tc">
+              <el-col :lg="6"  :xs="24" class="col-normal tc">
                 <img :src="userInfo.headImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.headImg)">
                 <do-upload @onFinish="setHeadImg" placeholder="上传头像"> </do-upload>
               </el-col>
 
-              <el-col :span="6" class="col-normal tc">
+              <el-col :lg="6" :xs="24" class="col-normal tc">
                 <img :src="userInfo.graduateImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.graduateImg)">
                 <do-upload @onFinish="setGraduateImg" placeholder="上传毕业证"> </do-upload>
               </el-col>
@@ -73,12 +73,12 @@
             <div class="m-img tc"></div>
 
             <el-row :gutter="40" class="mt20">
-              <el-col :span="6" class="col-normal tc">
+              <el-col :lg="6" :xs="24" class="col-normal tc">
                  <img :src="userInfo.cardImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.cardImg)">
                 <do-upload @onFinish="setCardImg" placeholder="身份证正面"> </do-upload>
               </el-col>
 
-              <el-col :span="6" class="col-normal tc">
+              <el-col :lg="6" :xs="24"  class="col-normal tc">
                 <img :src="userInfo.cardBackImg" :onerror="errorImg" class="setting-img" @click="showImg(userInfo.cardBackImg)">
                 <do-upload @onFinish="setCardBackImg" placeholder="身份证背面"> </do-upload>
               </el-col>