2020-06-08

king

2020-06-08 46fa548514ba2a438908586e2b54ed742777e9b0

 src/mob/login/index.scss

@@ -1,6 +1,123 @@
.mob-login {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  
  background: linear-gradient(#378DBE, #46C29E, #48A9D6);

  .logo {
    max-width: 280px;
    margin: 0 auto;
    margin-top: calc(15vh);
    text-align: center;

    img {
      max-width: 100%;
    }
  }
  .plat-name {
    max-width: 280px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
  }
  .mk-login-item.am-list-item {
    width: 245px;
    max-width: 270px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.3);
    .am-input-label {
      width: 30px;
      color: #ffffff;
      padding-top: 10px;
    }
    input {
      color: #fafafa;
    }
    input::-webkit-input-placeholder {
      color: #ffffff;
    }
    input:-moz-placeholder {
      color: #ffffff;
    }
    input::-moz-placeholder {
      color: #ffffff;
    }
    input:-ms-input-placeholder {
      color: #ffffff;
    }
  }
  .am-list-item:not(:last-child) .am-list-line {
    border: none;
  }
  .other-setting {
    width: 245px;
    max-width: 270px;
    margin: 0 auto;
    margin-bottom: 10px;
    .am-list-item {
      float: left;
      background: transparent;
      width: 50%;
      padding: 0;
      .am-list-thumb:first-child {
        margin-right: 5px;

        .am-checkbox-inner {
          width: 18px;
          height: 18px;
        }
        .am-checkbox-inner:after {
          width: 5px;
          height: 9px;
        }
      }
      .am-list-line .am-list-content {
        font-size: 14px;
        color: #fafafa;
      }
      .am-list-extra {
        display: none;
      }
    }
    > div:not(.am-list-item) {
      float: right;
      background: transparent;
      padding: 0;
      .am-list-item {
        width: 100%;
      }
    }
  }
  >.am-button {
    width: 245px;
    max-width: 270px;
    margin: 0 auto;
    border-radius: 30px;
  }
  .company-msg {
    position: absolute;
    width: 100%;
    bottom: 20px;
    padding: 0 20px;
    font-size: 12px;
    color: #fafafa;
    text-align: center;
  }
}
.am-picker-popup-wrap {
  left: calc(50vw - 305px);
  right: calc(50vw - 45px);
  bottom: 54px;
  overflow: hidden;
}
.clear-both {
  float: none!important;
  clear: both;
}