From ab549d761847ce0a532ab8a0baf75b973c58ee4b Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期四, 07 三月 2024 17:38:15 +0800
Subject: [PATCH] 标题封面修改
---
.env.staging | 2 +-
.env.development | 2 +-
src/views/login.vue | 23 +++++++++++++++++++++--
vue.config.js | 2 +-
src/layout/components/Sidebar/Logo.vue | 2 +-
.env.production | 2 +-
src/assets/images/login-background.jpg | 0
7 files changed, 26 insertions(+), 7 deletions(-)
diff --git a/.env.development b/.env.development
index 82d4a58..2817527 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
# 椤甸潰鏍囬
-VUE_APP_TITLE = 鑷础杩愮淮骞冲彴
+VUE_APP_TITLE = 鑷础鍏畨澶╃綉杩愮淮骞冲彴
# 寮�鍙戠幆澧冮厤缃�
ENV = 'development'
diff --git a/.env.production b/.env.production
index ba6a6be..51f6e77 100644
--- a/.env.production
+++ b/.env.production
@@ -1,5 +1,5 @@
# 椤甸潰鏍囬
-VUE_APP_TITLE = 鑷础杩愮淮骞冲彴
+VUE_APP_TITLE = 鑷础鍏畨澶╃綉杩愮淮骞冲彴
# 鐢熶骇鐜閰嶇疆
ENV = 'production'
diff --git a/.env.staging b/.env.staging
index 361859f..03a32eb 100644
--- a/.env.staging
+++ b/.env.staging
@@ -1,5 +1,5 @@
# 椤甸潰鏍囬
-VUE_APP_TITLE = 鑻ヤ緷绠＄悊绯荤粺
+VUE_APP_TITLE = 鑷础鍏畨澶╃綉杩愮淮骞冲彴
NODE_ENV = production
diff --git a/src/assets/images/login-background.jpg b/src/assets/images/login-background.jpg
index 8a89eb8..7c2c5a3 100644
--- a/src/assets/images/login-background.jpg
+++ b/src/assets/images/login-background.jpg
Binary files differ
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 2774cc8..a3e0037 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -36,7 +36,7 @@
data() {
return {
title: process.env.VUE_APP_TITLE,
- logo: logoImg
+ logo: ''
}
}
}
diff --git a/src/views/login.vue b/src/views/login.vue
index cf7c897..a63965f 100644
--- a/src/views/login.vue
+++ b/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>
diff --git a/vue.config.js b/vue.config.js
index 544b638..e61f74f 100644
--- a/vue.config.js
+++ b/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 // 绔彛
--
Gitblit v1.8.0