zy-pc/src/app/views/login/login.component.less

@import "../../../../src/theme.less";
:host {
  width: 100%;
}

.login {
  position: absolute; /*兼容chrome39*/
  width: 100%; /*兼容chrome39*/
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  .loginBox {
    position: relative;
    flex: 1;

    .title {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 24px;
      font-size: 28px;
      color: @primary-color;
      position: absolute;
      width: 100%;
      bottom: 100%;

      img {
        width: 60px;
        height: 48px;
        margin-right: 8px;
      }
    }

    .content {
      background: url(../../../assets/images/bg_login.png) center no-repeat;
      background-size: contain;
      display: flex;
      justify-content: center;
      align-items: center;

      .form_wrap {
        width: 480px;
        height: 400px;
        padding: 32px 40px;
        background-color: #ffffff;
        border-radius: 8px;
        border: solid 1px #e5e5e5;

        p {
          font-size: 24px;
          color: #68686b;
          text-align: center;
        }

        .form {
          .inp {
            height: 52px;
            font-size: 16px;
          }

          .loginBtn {
            button {
              width: 100%;
              height: 48px;
              background-color: #8e9d9e;
              border-radius: 26px;
              border: 1px solid #8e9d9e;
              font-size: 20px;
              color: #fff;
            }
          }
        }

        .tips {
          font-size: 12px;
          color: #68686b;
          margin-top: 24px;
        }
      }
    }

    .bottom {
      position: absolute;
      width: 100%;
      top: 100%;
      font-size: 12px;
      color: @primary-color;
      text-align: center;
      margin-top: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      a,
      strong {
        margin-left: 16px;
      }
      a {
        text-decoration: underline;
      }
    }
  }
}