56 lines
1.4 KiB
Vue
56 lines
1.4 KiB
Vue
<template>
|
||
<!-- 通用页脚 -->
|
||
<div class="custom-footer">
|
||
<div class="footer-links">
|
||
<span @click="handleLink('privacyPolicy')">{{ $t("footer.privacy_policy") }}</span>
|
||
<span @click="handleLink('termsOfUse')">{{ $t("footer.terms_of_use") }}</span>
|
||
<span @click="handleLink('siteMap')">{{ $t("footer.site_map") }}</span>
|
||
</div>
|
||
<div>© 2025 FiEE（HK）Limited. All Rights Reserved.</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { useRouter } from "vue-router";
|
||
const router = useRouter();
|
||
|
||
//点击跳转到对应的链接页面
|
||
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");
|
||
// }
|
||
router.push(link);
|
||
};
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.custom-footer {
|
||
width: 100%;
|
||
padding: 24 * 2.5px 32 * 2.5px;
|
||
color: #888;
|
||
font-size: 14 * 2.5px;
|
||
background: #f7f8fa;
|
||
letter-spacing: 1px;
|
||
border-top: 1px solid #ececec;
|
||
z-index: 100;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
|
||
.footer-links {
|
||
span {
|
||
border-right: 1px solid #d2d2d7;
|
||
padding: 0 16 * 2.5px;
|
||
cursor: pointer;
|
||
}
|
||
span:nth-last-child(1) {
|
||
border: 0;
|
||
}
|
||
}
|
||
}
|
||
</style>
|