From 87b905da9a6e7bf7cbdb57c1b6ff3e37447e1650 Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期五, 26 八月 2022 12:43:08 +0800
Subject: [PATCH] 用户
---
src/views/loginPage/loginPage.vue | 34 ++++++++++++++++++++++++++--------
1 files changed, 26 insertions(+), 8 deletions(-)
diff --git a/src/views/loginPage/loginPage.vue b/src/views/loginPage/loginPage.vue
index b1a6932..46d3311 100644
--- a/src/views/loginPage/loginPage.vue
+++ b/src/views/loginPage/loginPage.vue
@@ -7,7 +7,7 @@
<el-col :md="12">
<div class="loginContL">
<div class="apTitleT">新疆国泰新华</div>
- <div class="apTitleB">安全风险预警监测系统</div>
+ <div class="apTitleB">安全风险预警监测系统（试运行）</div>
<span></span>
</div>
</el-col>
@@ -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%;
@@ -113,18 +137,12 @@
}
.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;
@@ -133,7 +151,7 @@
}
.apTitleB {
color: #01d0ff;
- margin-bottom: 40px;
+ margin-bottom: 36px;
letter-spacing: 4px;
}
& > span {
--
Gitblit v1.9.2