2021-09-24

king

2021-09-24 95ccc1acc6d8ede1c839493e7aecc9c97fd34c8c

 src/views/login/index.scss

@@ -35,6 +35,7 @@
    border-bottom: 2px solid #1890ff;

    .login-form {
      position: relative;
      float: right;
      margin-top: 5%;
      margin-right: 20%;
@@ -49,15 +50,46 @@
        font-size: 18px;
        line-height: 45px;
        display: flex;
        padding-top: 10px;
      }
      .login-way-title::before, .login-way-title::after {
        display: inline-block;
        content: ' ';
        height: 0.5px;
        flex: 1;
        background-color: red;
        background-color: rgba(0, 0, 0, 0.15);
        position: relative;
        top: 22px;
      }
      .scan-icon {
        position: absolute;
        right: 0px;
        top: 0px;
        font-size: 46px;
        color: #000000;
        line-height: 1;
        transform: rotate(-45deg);
        transform-origin: 0 0;
        overflow: hidden;
        padding-bottom: 10px;
        cursor: pointer;
        i {
          transform-origin: 0 0;
          transform: rotate(45deg);
        }
      }
      .login-ways {
        padding: 0 1.6vw 1.5vw;
        span {
          color: #1890ff;
          cursor: pointer;
        }
        span + span {
          margin-left: 15px;
        }
      }
      .login-ways.center {
        text-align: center;
      }
      .login-way-title::before {
        margin: 0 10px 0 1.6vw;
@@ -65,49 +97,9 @@
      .login-way-title::after {
        margin: 0 1.6vw 0 10px;
      }
      .login-way-wrap {
        height: 50px;
        line-height: 50px;
        margin-bottom: 10px;
        display: flex;
        .login-way {
          flex: 1;
          width: 50%;
          font-size: 17px;
          text-align: center;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          padding: 0 16px;
          transition: all 0.3s;
          border: 1px solid transparent;
          border-top: 0!important;
        }
        .login-way.active, .login-way:hover {
          color: #1890ff;
        }
        .login-way:not(.active) {
          cursor: pointer;
          background: #fafafa;
          border: 1px solid #e8e8e8;
        }
        .login-way:first-child {
          border-left: 0;
        }
        .login-way:last-child {
          border-right: 0;
        }
      }
      .login-way-wrap.simple {
        .login-way {
          font-size: 18px;
          text-align: left!important;
          padding-left: 1.6vw!important;
          line-height: 60px!important;
        }
      }
      .form-item-wrap {
        padding: 0.6vw 1.6vw 1.6vw;
        // padding: 0.6vw 1.6vw 1.6vw;
        padding: 0.6vw 1.6vw 0vw;
      }

      h4 {
@@ -142,16 +134,17 @@
        font-size: 14px;
        margin-bottom: 10px;
        height: 25px;
        float: right;
        .ant-form-item-control {
          line-height: 25px;
        }
        .register {
          color: #1890ff;
          margin-right: 10px;
        }
        .forgot {
          font-size: 14px;
          color: #1890ff;
          float: right;
        }
      }
      .minline {