Browse Source

登录页适配500px以下

duanxiaoduan 1 năm trước cách đây
mục cha
commit
9e428cbc17
1 tập tin đã thay đổi với 70 bổ sung1 xóa
  1. 70 1
      src/views/login/index.vue

+ 70 - 1
src/views/login/index.vue

@@ -140,7 +140,7 @@ export default {
                 Cookies.remove('accountInfo')
               }
 
-              // 若为本地环境 则手写cookie  
+              // 若为本地环境 则手写cookie
               if (window.location.href.indexOf('localhost') != -1) {
                 Cookies.set('token', getToken(), 1440)
               }
@@ -236,6 +236,75 @@ export default {
     bottom: 10%;
     color:#666666;
   }
+  @media (min-width: 50px) {
+    .login{
+      height: 100%;
+      width: 100%;
+      background: url(../../assets/images/loginImages/login_bg1.png) center center no-repeat;
+      background-size:cover;
+    }
+    .container {
+      // background: red;
+      .header {
+        height: 35px;
+        line-height:35px;
+        .logo{
+          width: 110px;
+          height: 100%;
+          margin-right: 26px;
+          background: url(../../assets/images/loginImages/logo1.png) center center no-repeat;
+        }
+        .propaganda{
+          font-size: 21px;
+        }
+      }
+      .content{
+        width: 538px;
+        height: 266px;
+        background: url(../../assets/images/loginImages/center_bg1.png) center center no-repeat;
+      }
+    }
+    .title{
+      font-size: 16px;
+      background-image: linear-gradient(to right, #BE8A2F, #E59379);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+    /deep/ .el-input__inner{
+      height: 25px;
+      line-height: 25px;
+    }
+    /deep/ .el-form-item{
+      margin-bottom: 0;
+    }
+    /deep/ .el-form-item__content{
+      font-size: 12px;
+    }
+    .show-pwd {
+      position: absolute;
+      right: 15px;
+      top: 3px;
+      font-size: 16px;
+      color: #999;
+      cursor: pointer;
+      user-select: none;
+    }
+    .btn{
+      width: 170px;
+      height: 40px;
+      color: #fff !important;
+      background: url(../../assets/images/loginImages/btn1.png) center center no-repeat;
+      position: absolute;
+      bottom: -20%;
+      left: 0;
+      line-height: 32px;
+      font-size: 14px;
+      text-align: center;
+      .el-button--text{
+        color: #fff !important;
+      }
+    }
+  }
 
   @media (min-width: 500px) {
     .login{