样式修改

src/views/pages/login.vue

@@ -66,14 +66,11 @@
                 </el-col>
               </el-row>
             </el-form-item>
-            <div class="login-mobile"
-                 v-if='getMobileType'>手机号：{{loginMobile.mobile}}</div>
-            <el-form-item prop="smsCode"
-                          v-if='getMobileType'>
+            <el-form-item v-if='getMobileType'>
               <el-row :gutter="20">
-                <el-col :span="10">
-                  <el-input v-model="dataForm.smsCode"
-                            :placeholder="$t('login.smsCode')">
+                <el-col :span="16">
+                  <el-input v-model="loginMobile.mobile"
+                            :disabled="true">
                     <span slot="prefix"
                           class="el-input__icon">
                       <svg class="icon-svg"
@@ -83,7 +80,7 @@
                     </span>
                   </el-input>
                 </el-col>
-                <el-col :span="10"
+                <el-col :span="4"
                         class="login-captcha">
                   <el-button @click="getSmsCode()"
                              :disabled="smsCodeText !== '获取验证码'"
@@ -91,6 +88,19 @@
                 </el-col>
               </el-row>
             </el-form-item>
+            <el-form-item prop="smsCode"
+                          v-if='getMobileType'>
+              <el-input v-model="dataForm.smsCode"
+                        :placeholder="$t('login.smsCode')">
+                <span slot="prefix"
+                      class="el-input__icon">
+                  <svg class="icon-svg"
+                       aria-hidden="true">
+                    <use xlink:href="#icon-safetycertificate"></use>
+                  </svg>
+                </span>
+              </el-input>
+            </el-form-item>
             <el-form-item>
               <el-button type="primary"
                          @click="dataFormSubmitHandle()"