67 lines
1.6 KiB
Vue
67 lines
1.6 KiB
Vue
<template>
|
||
<!-- 通用页脚 -->
|
||
<div class="custom-footer">
|
||
<div class="custom-footer-box">
|
||
<div class="footer-links">
|
||
<span @click="handleLink('privacyPolicy')">Privacy Policy</span>
|
||
<span @click="handleLink('termsOfUse')">Terms of use</span>
|
||
<span @click="handleLink('siteMap')">Site Map</span>
|
||
</div>
|
||
<span>© 2025 FiEE（HK）Limited. All Rights Reserved.</span>
|
||
</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%;
|
||
background: #f5f5f5;
|
||
border-top: 2px solid #dbdbdb;
|
||
z-index: 100;
|
||
height: 80px;
|
||
|
||
.custom-footer-box {
|
||
width: 932px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
letter-spacing: 1px;
|
||
color: #888;
|
||
// font-size: 15px;
|
||
font-size: 1.05rem;
|
||
text-align: center;
|
||
height: 100%;
|
||
}
|
||
|
||
.footer-links {
|
||
span {
|
||
border-right: 1px solid #d2d2d7;
|
||
padding: 0 10px;
|
||
cursor: pointer;
|
||
}
|
||
span:nth-last-child(1) {
|
||
border: 0;
|
||
}
|
||
}
|
||
}
|
||
</style>
|