标题封面修改

fuliqi

2024-03-07 ab549d761847ce0a532ab8a0baf75b973c58ee4b

 src/views/login.vue

@@ -1,7 +1,10 @@
<template>
  <div class="login">
    <div class="title-container">
      <h3 class="title">自贡公安天网运维平台</h3>
    </div>
    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
      <h3 class="title">若依后台管理系统</h3>
      <h3 class="title">自贡公安天网运维平台</h3>

      <el-form-item prop="username">
        <el-input
@@ -224,7 +227,9 @@
     };
</script>

<style rel="stylesheet/scss" lang="scss">
<style rel="stylesheet/scss" lang="scss" scoped>

$light_gray:#eee;
.login {
  display: flex;
  justify-content: center;
@@ -234,6 +239,7 @@
  background-size: cover;
}
.title {

  margin: 0px auto 30px auto;
  text-align: center;
  color: #707070;
@@ -285,4 +291,17 @@
.login-code-img {
  height: 38px;
}
.title-container {
  position: absolute;
  transform: translateY(-400%);
  left: 35%;
  .title {
    font-size: 40px;
    color: $light_gray;
    margin: 0px auto 20px auto;
    text-align: center;
    font-weight: bold;
    letter-spacing: 20px;
  }
}
</style>