feat: 移动端适配

src/components/footer.vue

@@ -3,7 +3,7 @@
     <FootBanner />
     <FootBanner />
     <footer class="banner_footer">
     <footer class="banner_footer">
       <div
       <div
-        class="footer-container flex justify-between text-white w-full-70 w-full-90 mx-auto py-12 px-6 lg:py-20 lg:px-0">
+        class="footer-container flex justify-between text-white w-full-70 w-full-90 mx-auto py-12 px-6 lg:py-14 lg:px-0">
         <div class="footer-content-left">
         <div class="footer-content-left">
           <div class="mr-48 hidden lg:block">
           <div class="mr-48 hidden lg:block">
             <div class="jomalls text-3xl font-bold tracking-wider font-mono">
             <div class="jomalls text-3xl font-bold tracking-wider font-mono">
@@ -135,7 +135,7 @@
         </div>
         </div>
         <div class="footer-content-right flex flex-1 flex-col">
         <div class="footer-content-right flex flex-1 flex-col">
           <div
           <div
-            class="flex flex-col lg:flex-row lg:justify-between lg:mb-20 mb-7.5">
+            class="flex flex-col lg:flex-row lg:justify-between lg:mb-10 mb-7.5">
             <div
             <div
               v-for="(section, index) in footerSections"
               v-for="(section, index) in footerSections"
               :key="index"
               :key="index"
@@ -353,7 +353,6 @@ export default {
 <style scoped lang="scss">
 <style scoped lang="scss">
 .banner_footer {
 .banner_footer {
   background: #20222e;
   background: #20222e;
-  padding-bottom: 48px;
 }
 }
 
 
 .footer-routers {
 .footer-routers {