Browse Source

登录页背景样式修改

duanxiaoduan 1 year ago
parent
commit
8cc796b230
1 changed files with 3 additions and 3 deletions
  1. 3 3
      src/views/login/index.vue

+ 3 - 3
src/views/login/index.vue

@@ -410,18 +410,18 @@ $bg: #ccc;
 $light_gray: #ccc;
 $cursor: #000;
 .login-container{
-  position: relative;height: 100%;width: 100%;background:  url("../../assets/images/nlogin-bg1.jpg") no-repeat;
+  position: relative;height: 100%;width: 100%;background:  url("../../assets/images/nlogin-bg1.jpg") no-repeat;background-size: cover;
     .new-login{
       width: 50%;height: 42%;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;
       .new-login-l{
-        background: red;float:left;height:100%;width:50%;background:  url("../../assets/images/nlogin-bg2.png") no-repeat;position: relative;
+        background: red;float:left;height:100%;width:50%;background:  url("../../assets/images/nlogin-bg2.png") no-repeat;position: relative;background-size: cover;
         img{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;width: 50%;height:23%;}
       }
       .new-login-r{
         background: #fff;float:left;height:100%;width:50%;position: relative;
         .title{margin-top: 10%;font-size: 20px;font-weight: 600;color: #019969;text-align: center;}
         .login-form{
-          position: relative;width: 520px;max-width: 100%;overflow: hidden;height: 48%;
+          position: relative;width: 520px;max-width: 100%;overflow: hidden;height: 48%;width: 100%;
           .svg-container{padding: 6px 5px 6px 15px; color: $dark_gray; vertical-align: middle; width: 30px; display: inline-block;}
           .el-input {
             display: inline-block; width: 80%;