登录页面以及logo替换

fuliqi

2024-06-17 29e390fecd6fd6bc650cd6a594705ed4248fa70a

 src/views/login/index.vue

@@ -3,7 +3,7 @@
    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">

      <div class="title-container">
        <h3 class="title">学之思管理系统</h3>
        <h3 class="title">江西语音视频培训系统</h3>
      </div>

      <el-form-item prop="userName">
@@ -51,9 +51,7 @@

    </el-form>

    <div class="account-foot-copyright">
      <span>Copyright ©2019-2024 武汉思维跳跃科技有限公司 版权所有</span>
    </div>

  </div>
</template>

@@ -170,7 +168,6 @@

@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
  .login-container .el-input input {
    color: $cursor;
  }
}

@@ -182,14 +179,14 @@
    width: 85%;

    input {
      background: transparent;
      background: white;
      border: 0px;
      -webkit-appearance: none;
      border-radius: 0px;
      padding: 12px 5px 12px 15px;
      color: $light_gray;
      color: black;
      height: 47px;
      caret-color: $cursor;
      caret-color: black;

      &:-webkit-autofill {
        box-shadow: 0 0 0px 1000px $bg inset !important;
@@ -199,10 +196,9 @@
  }

  .el-form-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid darkgrey;
    border-radius: 5px;
    color: #454545;
    color: white;
  }
}
</style>
@@ -213,9 +209,12 @@
$light_gray:#eee;

.login-container {
  background-image:url('../../assets/loginBackground.png');
  background-size: cover;
  background-attachment: fixed;
  min-height: 100%;
  width: 100%;
  background-color: $bg;
  background-color: white;
  overflow: hidden;

  .login-form {
@@ -223,9 +222,9 @@
    width: 520px;
    max-width: 100%;
    padding:30px 50px 10px 50px;
    margin:120px auto auto auto;
    margin:200px auto auto auto;
    overflow: hidden;
    background: rgba(252, 254, 255, 0.11)
    background: white;
  }

  .tips {
@@ -253,7 +252,6 @@

    .title {
      font-size: 26px;
      color: $light_gray;
      margin: 0px auto 40px auto;
      text-align: center;
      font-weight: bold;
@@ -283,3 +281,4 @@
  }
}
</style>