From b51c078a5a8b891d703c19cb7f10f0883ac07f5c Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Thu, 22 May 2025 22:36:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=B8=83=E5=B1=80=E5=88=9D=E6=AD=A5?=
 =?UTF-8?q?=E6=88=90=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Tools/FooterContent.vue | 51 +++++++-------------------
 1 file changed, 14 insertions(+), 37 deletions(-)

diff --git a/src/components/Tools/FooterContent.vue b/src/components/Tools/FooterContent.vue
index da6fff5..388c950 100644
--- a/src/components/Tools/FooterContent.vue
+++ b/src/components/Tools/FooterContent.vue
@@ -3,24 +3,13 @@
     <div id="title" style="text-align: left">
       <strong>期待与您共创</strong>
     </div>
-    <div id="CAL">
-      <span class="itemtitle">CAL</span>
-      <br/>
-      <span class="itemcontent">13161374111 田先生<br/>
-        13520956868 武先生</span>
-    </div>
     <div id="EMAIL">
       <span class="itemtitle">EMAIL</span>
       <br/>
       <span class="itemcontent">
-        kdbd@kdesign.top&nbsp;商务<br/>kdhr@kdesign.top&nbsp;招聘
+        kdbd@kdesign.top&nbsp;商务<br/>kdhr@kdesign.top&nbsp; 招聘
       </span>
     </div>
-    <div id="WECHAT">
-      <span class="itemtitle">WECHAT</span>
-      <br/>
-      <span class="itemcontent">K&nbsp;Design&nbsp;Studio</span>
-    </div>
     <div id="ADDRESS">
       <span class="itemtitle">ADDRESS</span>
       <br/>
@@ -49,7 +38,9 @@ export default {
 
 #footercontent
 {
-  display: grid;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
   color:white;
 }
 
@@ -84,64 +75,50 @@ export default {
   white-space: nowrap;
   line-height: 48px;
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 1;
     font-size: 24px;
   }
   @include media-breakpoint-up(md) {
-    grid-column: 1;
-    grid-row: 1;
     font-size: 48px;
   }
 }
 #CAL{
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 2;
+
   }
   @include media-breakpoint-up(md) {
-    grid-column: 1;
-    grid-row: 2;
+
   }
 }
 #EMAIL{
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 3;
+
   }
   @include media-breakpoint-up(md) {
-    grid-column: 1;
-    grid-row: 3;
+
   }
 }
 #WECHAT{
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 4;
+
   }
   @include media-breakpoint-up(md) {
-    grid-column: 1;
-    grid-row: 4;
+
   }
 }
 #ADDRESS{
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 5;
+
   }
   @include media-breakpoint-up(md) {
-    grid-column: 2;
-    grid-row: 2;
+
   }
 }
 #QRCODE{
   @include media-breakpoint-between(xs, md) {
-    grid-column: 1;
-    grid-row: 6;
+
   }
   @include media-breakpoint-up(md) {
-    grid-column: 2;
-    grid-row: 3 / span 2;
+
   }
 }