From cbb23429b8beed72b58cbb57f9b3c56a0fb2b5d2 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期五, 09 五月 2025 13:31:26 +0800
Subject: [PATCH] 修改
---
src/views/loginPage/loginPage.vue | 70 +++++++++++++++++++++++++---------
1 files changed, 51 insertions(+), 19 deletions(-)
diff --git a/src/views/loginPage/loginPage.vue b/src/views/loginPage/loginPage.vue
index bd95625..e3b5c20 100644
--- a/src/views/loginPage/loginPage.vue
+++ b/src/views/loginPage/loginPage.vue
@@ -2,7 +2,7 @@
<div class="login-container">
<div class="loginContent">
<div class="loginPanel">
- <div class="welcc">科学研究实验风险评估系统</div>
+ <div class="welcc">科学研究实验安全风险评估系统</div>
<div class="loginGroup">
<div class="loginPic">
<img src="../../assets/loginPage/login-pic.png">
@@ -15,7 +15,7 @@
</div>
</div>
</div>
- <div class="rights">技术支持：苏州国科鸿宇智能科技有限公司<br/><span>GTXH Intelligent Security Management System V1.0.1</span></div>
+<!-- <div class="rights">技术支持：苏州国科鸿宇智能科技有限公司<br/><span>GTXH Intelligent Security Management System V1.0.1</span></div>-->
</div>
</template>
@@ -63,18 +63,60 @@
</script>
<style scoped lang="scss">
- @media screen and (min-width: 1200px){
+ @media screen and (min-width: 1366px){
.loginContent{
display: flex;
justify-content: space-around;
padding: 0 200px;
}
+ .loginPic{
+ width: 55%;
+ height: 100%;
+ position: relative;
+
+ img{
+ width: 100%;
+ height: auto;
+ position: absolute;
+ bottom: -180px;
+ right: 5%;
+ margin-top: 40px;
+ }
+ }
}
- @media screen and (min-width: 960px) and (max-width: 1200px){
+ @media screen and (min-width: 1024px) and (max-width: 1366px){
+ .loginPic{
+ width: 55%;
+ height: 100%;
+ position: relative;
+
+ img{
+ width: 103%;
+ height: auto;
+ position: absolute;
+ bottom: -80px;
+ right: 0;
+ }
+ }
+ }
+ @media screen and (min-width: 960px) and (max-width: 1024px){
.loginContent{
display: flex;
justify-content: space-between;
padding: 0 40px;
+ }
+ .loginPic{
+ width: 55%;
+ height: 100%;
+ position: relative;
+
+ img{
+ width: 103%;
+ height: auto;
+ position: absolute;
+ bottom: -80px;
+ right: 0;
+ }
}
}
.login-container {
@@ -119,13 +161,16 @@
border-radius: 15px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
.welcc {
- font-size: 52px;
+ font-size: clamp(2.625rem, 1.911rem + 1.12vw, 3.25rem);
font-family: 'PingFang SC';
text-align: right;
font-weight: 900;
color: #485BD4;
- letter-spacing: 6px;
+ letter-spacing: 2px;
white-space: nowrap;
+ position: relative;
+ z-index: 999;
+ text-shadow: 0 3px 5px rgba(72,91,212,.4);
}
:deep(.loginGroup){
@@ -133,20 +178,7 @@
height: 100%;
display: flex;
align-items: center;
- .loginPic{
- width: 55%;
- height: 100%;
- position: relative;
- img{
- width: 103%;
- height: auto;
- position: absolute;
- bottom: -180px;
- right: 15%;
- margin-top: 40px;
- }
- }
.el-tabs__content{
display: flex;
justify-content: center;
--
Gitblit v1.9.2