fix footer

src/components/customFooter/size1920/index.vue

@@ -6,7 +6,6 @@
       <div class="footer-links">
         <span @click="handleLink('privacyPolicy')">Privacy Policy</span>
         <span @click="handleLink('termsOfUse')">Terms of use</span>
-        <span @click="handleLink('cookiesSettings')">Cookies Settings</span>
         <span @click="handleLink('siteMap')">Site Map</span>
       </div>
     </div>
@@ -14,14 +13,22 @@
 </template>
 
 <script setup>
-import { useRouter } from 'vue-router'
+import { useRouter } from "vue-router";
-const router = useRouter()
+const router = useRouter();
+import privacyPolicy from "@/assets/file/footer/FiEE, Inc. _ Privacy policy.pdf";
+import termsOfUse from "@/assets/file/footer/FiEE, Inc. _ Terms of Use.pdf";
+import siteMap from "@/assets/file/footer/FiEE, Inc. _ Site Map.pdf";
 
 //点击跳转到对应的链接页面
 const handleLink = (link) => {
-  console.log(link)
+  if (link === "privacyPolicy") {
-  router.push(link)
+    window.open(privacyPolicy, "_blank");
-}
+  } else if (link === "termsOfUse") {
+    window.open(termsOfUse, "_blank");
+  } else if (link === "siteMap") {
+    window.open(siteMap, "_blank");
+  }
+};
 </script>
 
 <style scoped lang="scss">

src/components/customFooter/size375/index.vue

@@ -8,7 +8,6 @@
         <span @click="handleLink('termsOfUse')">Terms of use</span>
       </div>
       <div class="footer-links">
-        <span @click="handleLink('cookiesSettings')">Cookies Settings</span>
         <span @click="handleLink('siteMap')">Site Map</span>
       </div>
     </div>
@@ -16,13 +15,23 @@
 </template>
 
 <script setup>
-import { useRouter } from 'vue-router'
+import { useRouter } from "vue-router";
-const router = useRouter()
+const router = useRouter();
+
+import privacyPolicy from "@/assets/file/footer/FiEE, Inc. _ Privacy policy.pdf";
+import termsOfUse from "@/assets/file/footer/FiEE, Inc. _ Terms of Use.pdf";
+import siteMap from "@/assets/file/footer/FiEE, Inc. _ Site Map.pdf";
 
 //点击跳转到对应的链接页面
 const handleLink = (link) => {
-  router.push(link)
+  if (link === "privacyPolicy") {
-}
+    window.open(privacyPolicy, "_blank");
+  } else if (link === "termsOfUse") {
+    window.open(termsOfUse, "_blank");
+  } else if (link === "siteMap") {
+    window.open(siteMap, "_blank");
+  }
+};
 </script>
 
 <style scoped lang="scss">

src/components/customFooter/size768/index.vue

@@ -1,52 +1,58 @@
 <template>
-    <!-- 通用页脚 -->
+  <!-- 通用页脚 -->
-    <div class="custom-footer">
+  <div class="custom-footer">
-      <span>&copy; 2025 FiEE, Inc. All Rights Reserved.</span>
+    <span>&copy; 2025 FiEE, Inc. All Rights Reserved.</span>
-      <div class="footer-links">
+    <div class="footer-links">
-        <span @click="handleLink('privacyPolicy')">Privacy Policy</span>
+      <span @click="handleLink('privacyPolicy')">Privacy Policy</span>
-        <span @click="handleLink('termsOfUse')">Terms of use</span>
+      <span @click="handleLink('termsOfUse')">Terms of use</span>
-        <span @click="handleLink('cookiesSettings')">Cookies Settings</span>
+      <span @click="handleLink('siteMap')">Site Map</span>
-        <span @click="handleLink('siteMap')">Site Map</span>
-      </div>
     </div>
-  </template>
+  </div>
-  
+</template>
-  <script setup>
+
-  import { useRouter } from 'vue-router'
+<script setup>
-  const router = useRouter()
+import { useRouter } from "vue-router";
-  
+const router = useRouter();
-  //点击跳转到对应的链接页面
+import privacyPolicy from "@/assets/file/footer/FiEE, Inc. _ Privacy policy.pdf";
-  const handleLink = (link) => {
+import termsOfUse from "@/assets/file/footer/FiEE, Inc. _ Terms of Use.pdf";
-    console.log(link)
+import siteMap from "@/assets/file/footer/FiEE, Inc. _ Site Map.pdf";
-    router.push(link)
+
+//点击跳转到对应的链接页面
+const handleLink = (link) => {
+  if (link === "privacyPolicy") {
+    window.open(privacyPolicy, "_blank");
+  } else if (link === "termsOfUse") {
+    window.open(termsOfUse, "_blank");
+  } else if (link === "siteMap") {
+    window.open(siteMap, "_blank");
   }
-  </script>
+};
-  
+</script>
-  <style scoped lang="scss">
+
-  .custom-footer {
+<style scoped lang="scss">
-    width: 100%;
+.custom-footer {
-    text-align: center;
+  width: 100%;
-    padding: 24px 0;
+  text-align: center;
-    color: #888;
+  padding: 24px 0;
-    // font-size: 15px;
+  color: #888;
-    font-size: 1.05rem;
+  // font-size: 15px;
-    background: #f7f8fa;
+  font-size: 1.05rem;
-    letter-spacing: 1px;
+  background: #f7f8fa;
-    border-top: 1px solid #ececec;
+  letter-spacing: 1px;
-    z-index: 100;
+  border-top: 1px solid #ececec;
-    padding: 1rem 0;
+  z-index: 100;
-  
+  padding: 1rem 0;
-    .footer-links {
+
-      margin: 0.4rem 0 0;
+  .footer-links {
-      span {
+    margin: 0.4rem 0 0;
-        border-right: 1px solid #d2d2d7;
+    span {
-        padding: 0 10px;
+      border-right: 1px solid #d2d2d7;
-        cursor: pointer;
+      padding: 0 10px;
-      }
+      cursor: pointer;
-      span:nth-last-child(1) {
+    }
-        border: 0;
+    span:nth-last-child(1) {
-      }
+      border: 0;
     }
   }
-  </style>
+}
-  
+</style>