瀏覽代碼

账号设置居中

y595705120 2 年之前
父節點
當前提交
44f66a81bf
共有 1 個文件被更改,包括 13 次插入18 次删除
  1. 13 18
      src/containers/center/setting/index.vue

+ 13 - 18
src/containers/center/setting/index.vue

@@ -1,48 +1,43 @@
 <template>
   <div class="m-right-block">
-    <div class="right-block-bd">
-      <el-row class="mt50">
-        <el-col :span="16">
-          <el-form ref="elForm" :inline="false">
-            <el-form-item label="详细地址" label-width='150px' class="mt30" prop="address">
+    <div class="right-block-bd tc">
+      <div style="margin: 0 auto;">
+          <el-form ref="elForm" :inline="false" style="width: 500px;margin: 0 auto;" label-width='160px' label-position="center">
+            <el-form-item label="详细地址"  class="mt30" prop="address">
               <el-input placeholder="详细地址" v-model="userInfo.address " class="pass-input">
               </el-input>
             </el-form-item>
 
-            <el-form-item label="邮政编码" label-width='150px' class="mt30" prop="postalCode">
+            <el-form-item label="邮政编码"  class="mt30" prop="postalCode">
               <el-input placeholder="邮政编码" v-model="userInfo.postalCode " class="pass-input">
               </el-input>
             </el-form-item>
 
 
-            <el-form-item label="工作年限" label-width='150px' class="mt30" prop="years">
+            <el-form-item label="工作年限"  class="mt30" prop="years">
               <el-input placeholder="工作年限" v-model="userInfo.years " class="pass-input">
               </el-input>
             </el-form-item>
 
-            <el-form-item label="工作单位" label-width='150px' class="mt30" prop="company">
+            <el-form-item label="工作单位"  class="mt30" prop="company">
               <el-input placeholder="工作单位" v-model="userInfo.company " class="pass-input">
               </el-input>
             </el-form-item>
 
-            <el-form-item label="最高学历" label-width='150px' class="mt30" prop="oldPass">
+            <el-form-item label="最高学历" class="mt30" prop="oldPass">
               <el-input placeholder="最高学历" v-model="userInfo.education " class="pass-input">
               </el-input>
             </el-form-item>
 
-            <el-form-item label="" label-width='150px' class="mt30" prop="rePass">
-              <el-button type="primary" class="confirm" @click="saveMoreInfo()">
+            <el-form-item label="" label-width='0' class="mt30" prop="rePass">
+              <el-button type="primary" @click="saveMoreInfo()">
                 确认修改
               </el-button>
+              <el-button type="warning" @click="passwdDialog=true">修改密码</el-button>
+              <el-button type="danger" @click="phoneDialog=true">修改手机</el-button>
             </el-form-item>
           </el-form>
-        </el-col>
-
-        <el-col :span="8">
-          <el-button type="primary" @click="passwdDialog=true">修改密码</el-button>
-          <el-button type="primary" @click="phoneDialog=true">修改手机</el-button>
-        </el-col>
-      </el-row>
+      </div>
 
       <el-dialog :visible.sync="passwdDialog" title="修改密码" center :close-on-click-modal="false"
         :modal-append-to-body="false" :append-to-body="true" :show-close="false">