修改登录页面样式

src/containers/login/index.vue

 <template>
   <div class="login-container">
-    <div class="login-form-wrpa">
+    <div class="login-form-wrap">
       <el-form autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left" label-width="0px" class="card-box login-form">
         <!-- <div class="title">{{title}}</div> -->
         <div class="title">成师后勤管理系统</div>
@@ -156,7 +156,7 @@ $light_gray: #eee;
     margin: 0px auto 70px auto;
     text-align: center;
   }
-  .login-form-wrpa {
+  .login-form-wrap {
     width: 1290px;
     height: 730px;
     background: url('../../assets/images/login/login_screen_bg@3x.png') center
@@ -197,4 +197,46 @@ $light_gray: #eee;
     bottom: 28px;
   }
 }
+@media screen and (max-width: 1334px) {
+  .login-container {
+    background-image: url('../../assets/images/login/login_bg@2x.png');
+    input {
+      padding: 12px 5px 12px 15px;
+      height: 31px;
+    }
+    .el-input {
+      height: 31px;
+    }
+    .login-form-wrap {
+      width: 860px;
+      height: 487px;
+      background: url('../../assets/images/login/login_screen_bg@2x.png') center;
+    }
+    .login-form {
+      top: 133.333px;
+      right: 152.333px;
+      width: 224px;
+    }
+    .title {
+      font-size: 26px;
+      margin: 0px auto 46px auto;
+    }
+    .loginFormItem {
+      height: 34px;
+      background-color: #fff;
+      border-radius: 8px;
+      margin-bottom: 28px;
+      .el-form-item__content {
+        line-height: 22px;
+      }
+    }
+    .svg-container {
+      padding: 6px 5px 6px 15px;
+      width: 20px;
+      &_login {
+        font-size: 14px;
+      }
+    }
+  }
+}
 </style>