From 40e6ab1738fb34c51e6a8601dbff53db98c49ef0 Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: 星期五, 22 八月 2025 14:38:42 +0800
Subject: [PATCH] 修改新增
---
src/views/homePage.vue | 21 ++++++++++++++++-----
src/assets/images/bg5.JPG | 0
2 files changed, 16 insertions(+), 5 deletions(-)
diff --git a/src/assets/images/bg5.JPG b/src/assets/images/bg5.JPG
new file mode 100644
index 0000000..fdac434
--- /dev/null
+++ b/src/assets/images/bg5.JPG
Binary files differ
diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index 69baef4..8af0354 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -1,12 +1,13 @@
<template>
<el-row class="login-panel">
<el-col :sm="24" :md="12" class="login-img">
- 多体系<br/>建设信息化系统
+
</el-col>
<el-col :sm="24" :md="12" class="login-box">
+ <div class="login-title">多体系<br/>建设信息化系统</div>
<div class="login-card">
<el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
- <h3 class="title">登录系统</h3>
+ <h3 class="title">欢迎登录</h3>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
@@ -202,7 +203,7 @@
.login-panel{
width: 100%;
height: 100%;
- background: url("@/assets/images/bg4.png") no-repeat center;
+ background: url("@/assets/images/bg5.jpg") no-repeat center;
background-size: cover;
justify-content: center;
align-items: center;
@@ -223,14 +224,24 @@
}
.login-box{
display: flex;
+ flex-direction: column;
justify-content: center;
align-items: center;
transform: translateY(-40px);
+
+ .login-title{
+ font-family: 'AliMa';
+ color: #2563eb;
+ font-size: clamp(3rem, 1.286rem + 2.68vw, 4.5rem);
+ line-height: 1.2;
+ text-shadow: 0 5px 10px rgba(37,99,235,.3);
+ margin-bottom: 30px;
+ }
.login-card{
width: 500px;
padding: 30px;
border-radius: 16px;
- background-color: rgba(255,255,255,.2);
+ background-color: rgba(255,255,255,.8);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255,255,255,.4);
@@ -245,7 +256,7 @@
.title{
margin: 0 0 30px;
text-align: center;
- color: #fff
+ color: #333
}
.el-form-item{
--
Gitblit v1.9.2