Browse Source

页面底部 footer 内容优化

yankun 3 weeks ago
parent
commit
b6ab79742f

+ 2 - 6
index.html

@@ -64,12 +64,8 @@
     gtag('config', 'AW-17218823610');
   </script>
 
-  <div style="display:block;width:100%;text-align: center;background: #000000;color:#fffc;">
-    ©1997-2025 VAVA BUY.com All Rights Reserved
-    <a style="color:#fffc;text-decoration: none;" href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2025434699号</a>
-    <script
-      type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1281425567'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z.js%3Fid%3D1281425567%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
-  </div>
+  <script
+    type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1281425567'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z.js%3Fid%3D1281425567%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
 </body>
 
 </html>

+ 12 - 4
src/views/Layout/modules/Footer/css/footer@512.less

@@ -1,13 +1,21 @@
 @media screen and (max-width: 512px) {
-  
+
   .footer-friendlink {
 
-    .footer-wrap {
-      
-    }
+    .footer-wrap {}
 
     .footer-friendlink__box {
       width: 100%;
     }
   }
+
+  .footer-all-right {
+
+    .footer__box {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+    }
+  }
 }

+ 13 - 4
src/views/Layout/modules/Footer/index.vue

@@ -59,11 +59,20 @@
       </div>
     </div>
 
-    <!-- <div class="footer__container footer-right">
+    <div class="footer__container footer-all-right">
       <div class="footer__box width-1200">
-        <span>©1997-2025 VAVA BUY.com All Rights Reserved</span>
+        <span style="color: rgba(255, 255, 255, 0.6)"
+          >©1997-2025 VAVA BUY.com All Rights Reserved</span
+        >
+        <a
+          style="color: #fffc; text-decoration: none"
+          href="https://beian.miit.gov.cn/"
+          target="_blank"
+        >
+          粤ICP备2025434699号-1
+        </a>
       </div>
-    </div> -->
+    </div>
 
     <!-- <div class="footer__container footer-footnote">
     <div class="footer__box width-1200">
@@ -208,7 +217,7 @@ const goArticleDetailPage = function () {
   }
 }
 
-.footer-right {
+.footer-all-right {
   background-color: #000;
 
   .footer__box {