<template>
    <!-- 通用页脚 -->
    <div class="custom-footer">
      <span>&copy; 2025 FiEE, Inc. All Rights Reserved.</span>
      <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>
  
  <script setup>
  import { useRouter } from 'vue-router'
  const router = useRouter()
  
  //点击跳转到对应的链接页面
  const handleLink = (link) => {
    console.log(link)
    router.push(link)
  }
  </script>
  
  <style scoped lang="scss">
  .custom-footer {
    width: 100%;
    text-align: center;
    padding: 24px 0;
    color: #888;
    // font-size: 15px;
    font-size: 1.05rem;
    background: #f7f8fa;
    letter-spacing: 1px;
    border-top: 1px solid #ececec;
    z-index: 100;
    padding: 1rem 0;
  
    .footer-links {
      margin: 0.4rem 0 0;
      span {
        border-right: 1px solid #d2d2d7;
        padding: 0 10px;
        cursor: pointer;
      }
      span:nth-last-child(1) {
        border: 0;
      }
    }
  }
  </style>
  