From 200bf19711cc91b82013b99dce79237e209b90d2 Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Sat, 3 May 2025 15:21:34 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=94=E7=B3=BB=E6=88=91=E4=BB=AC=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E5=9B=BE=E7=89=87=E5=AE=8C=E5=85=A8=E5=BA=94=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ContactUs.vue           | 27 +++++++++++++++++++++++---
 src/components/Footer.vue              |  4 +++-
 src/components/Toolbar.vue             |  2 +-
 src/components/Tools/MobileToolbar.vue |  2 --
 4 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/src/components/ContactUs.vue b/src/components/ContactUs.vue
index 29bae1d..f61b3df 100644
--- a/src/components/ContactUs.vue
+++ b/src/components/ContactUs.vue
@@ -6,7 +6,9 @@ import FooterContent from './Tools/FooterContent.vue'
 <template>
   <div id="contactRoot">
     <div id="upbar"></div>
-    <FooterContent></FooterContent>
+    <div id="contactContent">
+      <FooterContent></FooterContent>
+    </div>
   </div>
 </template>
 
@@ -23,11 +25,29 @@ export default {
 #upbar{
   width: 100%;
   @include media-breakpoint-between(xs, md) {
-    height: 33px;
+    height: 70px;
   }
 
   @include media-breakpoint-up(md) {
-    height: 0px;
+    height: 95.17px;
+  }
+}
+
+#contactContent
+{
+  width: 100%;
+  height:100%;
+  align-items: center;
+  justify-content: left;
+  display: flex;
+  @include media-breakpoint-between(xs, md) {
+    background-image: url('/bottom/bg_wep.png');
+    padding-left: 32px;
+  }
+
+  @include media-breakpoint-up(md) {
+    background-image: url('/bottom/bg_pc.png');
+    padding-left: 100px;
   }
 }
 
@@ -41,5 +61,6 @@ export default {
   flex-direction: column;
   align-items: center;
   justify-content: center;
+
 }
 </style>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 4174904..06796da 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -25,17 +25,19 @@ export default {
   background-color: black;
   width:100%;
   align-items: center;
-  justify-content: center;
+  justify-content: left;
 
   @include media-breakpoint-between(xs, md) {
     min-height:806px;
     background-image: url('/bottom/bg_wep.png');
+    padding-left: 32px;
   }
 
   @include media-breakpoint-up(md) {
     min-height: 759px;
     margin-top: 0px;
     background-image: url('/bottom/bg_pc.png');
+    padding-left: 100px;
   }
 }
 </style>
diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index ade53c0..4af05f7 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -154,7 +154,7 @@ export default {
   @include media-breakpoint-between(xs, md) {
     width:88px;
     height:16px;
-    margin-left: 3px;
+    margin-left: 32px;
   }
   @include media-breakpoint-up(md){
     margin-left: 100px;
diff --git a/src/components/Tools/MobileToolbar.vue b/src/components/Tools/MobileToolbar.vue
index 53e3c28..80fd3aa 100644
--- a/src/components/Tools/MobileToolbar.vue
+++ b/src/components/Tools/MobileToolbar.vue
@@ -141,8 +141,6 @@ export default {
 #barlist{
   margin-top: 44px;
   width: 100%;
-  //padding-left: 32px;
-  //padding-right: 32px;
 }
 
 .baritem{