Merge branch 'main' of https://gitea-inner.fontree.cn/scout666/fiee-official-website

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'
-const router = useRouter()
+import { useRouter } from "vue-router";
+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)
-  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/size375/index.vue

@@ -6,9 +6,6 @@
       <div class="footer-links">
         <span @click="handleLink('privacyPolicy')">Privacy Policy</span>
         <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 +13,23 @@
 </template>
 
 <script setup>
-import { useRouter } from 'vue-router'
-const router = useRouter()
+import { useRouter } from "vue-router";
+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">
@@ -50,7 +57,6 @@ const handleLink = (link) => {
         padding: 0 0.8rem;
         cursor: pointer;
         font-size: 0.75rem;
-        min-width: 8.5rem;
         display: inline-block;
         text-align: left;
       }

src/components/customFooter/size768/index.vue

@@ -5,25 +5,32 @@
     <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>
-  </template>
+</template>
 
-  <script setup>
-  import { useRouter } from 'vue-router'
-  const router = useRouter()
+<script setup>
+import { useRouter } from "vue-router";
+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)
-    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">
+.custom-footer {
   width: 100%;
   text-align: center;
   padding: 24px 0;
@@ -47,6 +54,5 @@
       border: 0;
     }
   }
-  }
-  </style>
-  
+}
+</style>