登录页面以及logo替换

fuliqi

2024-06-17 29e390fecd6fd6bc650cd6a594705ed4248fa70a

登录页面以及logo替换

 public/favicon.ico

 public/index.html

@@ -8,7 +8,7 @@
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>学之思管理系统</title>
  <title>江西语音视频培训系统</title>
  <style>
    html {
      height: 100%;

 src/assets/favicon.ico

 src/assets/loginBackground.png

 src/assets/logo.png

 src/layout/components/Sidebar/Logo.vue

@@ -24,7 +24,7 @@
  },
  data () {
    return {
      title: '学之思管理系统'
      title: '江西语音视频培训系统'
    }
  }
}
@@ -54,7 +54,7 @@
    width: 100%;

    & .sidebar-logo {
      width: 45px;
      width: 35px;
      vertical-align: middle;
      margin-right: 12px;
    }

 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>