From ab549d761847ce0a532ab8a0baf75b973c58ee4b Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期四, 07 三月 2024 17:38:15 +0800
Subject: [PATCH] 标题封面修改
---
src/views/login.vue | 23 +++++++++++++++++++++--
1 files changed, 21 insertions(+), 2 deletions(-)
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>
--
Gitblit v1.8.0