From d91fd1557ebed3e9bcb8c051c71b9d41c0e36eef Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Tue, 02 Apr 2024 16:50:07 +0800
Subject: [PATCH] Default Changelist
---
src/views/loginPage/loginPage.vue | 45 ++++++++++++++++++++++++++++++++++++---------
1 files changed, 36 insertions(+), 9 deletions(-)
diff --git a/src/views/loginPage/loginPage.vue b/src/views/loginPage/loginPage.vue
index b285c23..5316985 100644
--- a/src/views/loginPage/loginPage.vue
+++ b/src/views/loginPage/loginPage.vue
@@ -26,7 +26,7 @@
</div>
</el-col>
</el-row>
- <div class="rights">技术支持：苏州国科鸿宇智能科技有限公司</div>
+ <div class="rights">技术支持：苏州国科鸿宇智能科技有限公司<br/><span>GTXH Intelligent Security Management System V1.0.1</span></div>
</div>
</template>
@@ -78,6 +78,30 @@
</script>
<style scoped lang="scss">
+ @media screen and (min-width: 1200px){
+ .loginContent{
+ display: flex;
+ justify-content: space-around;
+ padding: 0 200px;
+ }
+ .loginContL {
+ font-size: 60px;
+ font-weight: bold;
+ margin-bottom: 100px;
+ }
+ }
+ @media screen and (min-width: 960px) and (max-width: 1200px){
+ .loginContent{
+ display: flex;
+ justify-content: space-between;
+ padding: 0 40px;
+ }
+ .loginContL {
+ font-size: 40px;
+ font-weight: bold;
+ margin-bottom: 80px;
+ }
+ }
.login-container {
width: 100%;
height: 100%;
@@ -88,6 +112,7 @@
align-items: center;
justify-content: center;
background: url('../../assets/loginPage/login-bg.jpg') no-repeat center;
+ background-size: 100% 100%;
/*background-image: radial-gradient(at center, #0075c3, #000b61);*/
canvas {
@@ -106,23 +131,25 @@
left: 0;
}
.rights {
- font-size: 16px;
+ font-size: 1.2rem;
color: #fff;
+ position: absolute;
+ bottom: 30px;
+ text-align: center;
+
+ span{
+ font-size: 1rem;
+ color: #eee;
+ }
}
.loginContent {
width: 100%;
- padding: 0 200px;
- display: flex;
flex-wrap: wrap;
align-items: center;
- justify-content: space-around;
margin-bottom: 60px;
.loginContL {
width: 100%;
- font-size: 60px;
- font-weight: bold;
- margin-bottom: 100px;
.apTitleT {
color: #fff;
@@ -131,7 +158,7 @@
}
.apTitleB {
color: #01d0ff;
- margin-bottom: 40px;
+ margin-bottom: 36px;
letter-spacing: 4px;
}
& > span {
--
Gitblit v1.9.2