From 2475c65a3c091cee4fe48f49e0f53697403750df Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期三, 17 八月 2022 19:55:34 +0800
Subject: [PATCH] 冲突

---
 src/views/loginPage/loginPage.vue |   32 ++++++++++++++++++++++++++------
 1 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/views/loginPage/loginPage.vue b/src/views/loginPage/loginPage.vue
index b285c23..fab7b59 100644
--- a/src/views/loginPage/loginPage.vue
+++ b/src/views/loginPage/loginPage.vue
@@ -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%;
@@ -108,21 +132,17 @@
     .rights {
         font-size: 16px;
         color: #fff;
+        position: absolute;
+        bottom: 30px;
     }
     .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;

--
Gitblit v1.9.2