2020-07-31

king

2020-07-31 9a9650c758bd84bef0739aa8949627af666bb1c1

 src/views/login/index.scss

@@ -14,6 +14,46 @@
      max-height: 100%;
    }
  }

  .ant-tabs.ant-tabs-card {
    .ant-tabs-card-bar {
      border-bottom: 0;
      .ant-tabs-nav-container {
        height: 50px;
        line-height: 50px;
      }
      margin-bottom: 10px;
      .ant-tabs-nav-scroll {
        .ant-tabs-nav {
          display: block;
          > div {
            display: flex;
            > .ant-tabs-tab {
              height: 50px;
              line-height: 50px;
              flex: 1;
            }
          }
        }
      }
      .ant-tabs-tab {
        display: block;
        margin-right: 0;
        border-radius: 0;
        text-align: center;
        font-size: 18px;
      }
      .ant-tabs-tab.ant-tabs-tab-active {
        cursor: default;
      }
    }
  }
  .login-form-1 {
    .ant-tabs-tab {
      text-align: left!important;
      padding-left: 1.6vw!important;
    }
  }
  .login-middle {
    position: relative;
    height: calc(100vh - 194px);
@@ -26,11 +66,15 @@
      float: right;
      margin-top: 5%;
      margin-right: 20%;
      padding: 1.6vw;
      background: #ffffff;
      width: 22vw;
      min-width: 300px;
      border-radius: 5px;
      overflow: hidden;

      .form-item-wrap {
        padding: 0.6vw 1.6vw 1.6vw;
      }

      h4 {
        font-size: 20px;
@@ -45,6 +89,23 @@
      }
      .btn-login {
        margin-bottom: 3vh;
        clear: both;
      }
      .register-line {
        font-size: 14px;
        margin-bottom: 10px;
        height: 25px;
        .ant-form-item-control {
          line-height: 25px;
        }
        .register {
          color: #1890ff;
        }
        .forgot {
          font-size: 14px;
          color: #1890ff;
          float: right;
        }
      }
      .minline {
        display: inline-block;
@@ -54,6 +115,7 @@
      .minline.right {
        float: right;
        width: 100px;
        margin-bottom: 2vh;
        .ant-select-selection {
          border: 0;
          box-shadow: none;
@@ -63,7 +125,10 @@
          }
        }
      }
      button {
      button.vercode {
        border: 0;
      }
      button:not(.vercode) {
        width: 100%;
        height: calc(2vw + 10px);
        min-height: 30px;
@@ -89,7 +154,7 @@
      .ant-form label {
        font-size: 16px;
      }
      .ant-btn {
      .ant-btn:not(.vercode) {
        font-size: 18px;
      }
      .anticon-eye {
@@ -140,4 +205,16 @@
      }
    }
  }
}

@media screen and (min-width: 1550px) {
  .login-container {
    .ant-tabs.ant-tabs-card {
      .ant-tabs-card-bar {
        .ant-tabs-tab {
          font-size: 20px;
        }
      }
    }
  }
}