pref:修改登录框

portal-manager-ui/admin/src/views/signIn/signIn.vue

@@ -34,18 +34,15 @@
               @pressEnter="handleSubmit"
             />
           </a-form-model-item>
-          <a-form-model-item prop="code">
-            <div class="code" style="width: 520px; height: 52px">
-              <a-input
-                placeholder="请输入验证码"
-                onfocus="this.placeholder=''"
-                onblur="this.placeholder='请输入验证码'"
-                style="height: 52px"
-                v-model="form.code"
-                @pressEnter="handleSubmit"
-              />
-              <img :src="imgCode" @click="createCode" />
-            </div>
+          <a-form-model-item class="code" prop="code">
+            <a-input
+              placeholder="请输入验证码"
+              onfocus="this.placeholder=''"
+              onblur="this.placeholder='请输入验证码'"
+              v-model="form.code"
+              @pressEnter="handleSubmit"
+            />
+            <img :src="imgCode" @click="createCode" />
           </a-form-model-item>
           <a-form-model-item>
             <a-button
@@ -181,9 +178,13 @@ export default {
       }
     }
   }
-  .code {
-    display: flex;
-    align-items: center;
+  /deep/.code {
+    .ant-form-item-children {
+      width: 520px;
+      height: 52px;
+      display: flex;
+      align-items: center;
+    }
     .ant-input {
       height: 100%;
       border-radius: 4px 0px 0px 4px;