登录框

src/components/login/loginBox.vue

@@ -19,7 +19,7 @@
         >
           微信一键登录
         </div>
-        <div class="phoneLogin" v-if="phoneLoginFlag">
+        <div class="phoneLogin" v-if="phoneLoginFlag" :style="{background: phoneLoginBackground}">
           <div class="phoneLabel flex">
             <span
               :style="{
@@ -29,7 +29,6 @@
               >账号</span
             >
             <input
-              :style="{ background: inputBackground }"
               type="number"
               v-model="loginMsg.account"
               maxlength="11"
@@ -45,7 +44,7 @@
               >密码</span
             >
             <input
-              :style="{ background: inputBackground }"
+              :style="{ width: forgetPasswordType == 1 ?'':'100%' }"
               type="password"
               v-model="loginMsg.password"
               :placeholder="pwdInputPlaceholder"
@@ -157,6 +156,9 @@ export default {
     inputBackground() {
       return this.datas.componentData.inputBackground;
     },
+    phoneLoginBackground() {
+      return this.datas.componentData.phoneLoginBackground || '#fff';
+    },
     labelStyleType() {
       return this.datas.componentData.labelStyleType;
     },
@@ -262,12 +264,18 @@ input {
       span {
         color: #333;
         font-size: 16px;
+        flex-shrink: 0;
       }
       input {
         margin-left: 30px;
         width: 44%;
       }
     }
+    .phoneLabel{
+      input {
+        width: 100%;
+      }
+    }
     .passLabel {
       .forgetPassword {
         position: absolute;

src/components/login/loginLogo.vue

@@ -110,7 +110,7 @@ export default {
       left: 0;
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
     }
   }
 }