标题封面修改

fuliqi

2024-03-07 ab549d761847ce0a532ab8a0baf75b973c58ee4b

标题封面修改

 .env.development

@@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 自贡运维平台
VUE_APP_TITLE = 自贡公安天网运维平台

# 开发环境配置
ENV = 'development'

 .env.production

@@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 自贡运维平台
VUE_APP_TITLE = 自贡公安天网运维平台

# 生产环境配置
ENV = 'production'

 .env.staging

@@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 若依管理系统
VUE_APP_TITLE = 自贡公安天网运维平台

NODE_ENV = production


 src/assets/images/login-background.jpg

 src/layout/components/Sidebar/Logo.vue

@@ -36,7 +36,7 @@
  data() {
    return {
      title: process.env.VUE_APP_TITLE,
      logo: logoImg
      logo: ''
    }
  }
}

 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>

 vue.config.js

@@ -7,7 +7,7 @@

const CompressionPlugin = require('compression-webpack-plugin')

const name = process.env.VUE_APP_TITLE || '自贡运维平台' // 网页标题
const name = process.env.VUE_APP_TITLE || '自贡公安天网运维平台' // 网页标题

const port = process.env.port || process.env.npm_config_port || 80 // 端口