添加联系我们界面

tanghaolin

2025-04-18 e3ab5c403cce86811f9bdf8ae5f0d00f1f776b1f

 src/components/AppFooter.vue

@@ -1,5 +1,5 @@
<template>
   <footer class="bg-[#003A8F] text-white py-8 text-small">
   <footer id="app-footer" class="bg-[#003A8F] text-white py-8 text-small">
      <div class="w-[80%] mx-auto">
         <div class="flex justify-between">
            <!-- Logo and Contact Info -->
@@ -36,7 +36,9 @@

               <div class="flex flex-col gap-4 ">
                  <div class="pl-8 pr-8 border-l border-[#73AF28]">
                     <div class="font-medium mb-2 footer-link">帮助中心</div>
                     <div class="font-medium mb-2 footer-link">
                        <router-link to="" class="text-white hover:text-[#73AF2B] footer-link">帮助中心</router-link>
                     </div>
                     <div class="flex flex-col gap-2 text-sm">
                        <router-link to="/brand-center" class="text-white hover:text-[#73AF2B] footer-link">品牌中心</router-link>
                        <router-link to="/payment" class="text-white hover:text-[#73AF2B] footer-link">付款方式</router-link>
@@ -47,7 +49,9 @@

               <div class="flex flex-col gap-4 ">
                  <div class="pl-8 pr-8 border-l border-[#73AF28]">
                     <div class="font-medium mb-2 footer-link">服务政策</div>
                     <div class="font-medium mb-2 footer-link">
                        <router-link to="" class="text-white hover:text-[#73AF2B] footer-link">服务政策</router-link>
                     </div>
                     <div class="flex flex-col gap-2 text-sm">
                        <router-link to="/delivery" class="text-white hover:text-[#73AF2B] footer-link">配送服务</router-link>
                        <router-link to="/after-sales" class="text-white hover:text-[#73AF2B] footer-link">售后服务</router-link>
@@ -58,7 +62,9 @@

               <div class="flex flex-col gap-4 ">
                  <div class="pl-8 pr-8 border-l border-[#73AF28]">
                     <div class="font-medium mb-2 footer-link">公司介绍</div>
                     <div class="font-medium mb-2 footer-link">
                        <router-link to="" class="text-white hover:text-[#73AF2B] footer-link">公司介绍</router-link>
                     </div>
                     <div class="flex flex-col gap-2 text-sm">
                        <router-link to="/contact" class="text-white hover:text-[#73AF2B] footer-link">联系我们</router-link>
                        <router-link to="/about" class="text-white hover:text-[#73AF2B] footer-link">关于我们</router-link>