xtraderClient/docs/components/Footer.md

Footer.vue

路径：src/components/Footer.vue

功能用途

首页底部 Footer 组件，展示 Polymarket 品牌、支持/社交链接、Polymarket 链接、法律声明、语言选择与社交图标。

核心能力

• 品牌 Logo 与 Slogan
• 两列链接：Support & Social、Polymarket
• 底部法律链接、语言选择（v-select）、社交图标
• 免责声明文案
• 响应式布局（移动端垂直排列）

使用方式

<template>
  <div class="home-page">
    <!-- 主内容 -->
    <Footer />
  </div>
</template>

<script setup lang="ts">
import Footer from '@/components/Footer.vue'
</script>

父容器需设置 display: flex; flex-direction: column; min-height: 100vh，Footer 通过 margin-top: auto 贴底。

扩展方式

1. 多语言：将 footerLang 与 useLocaleStore 联动
2. 链接配置：抽成 props 或常量数组，便于维护
3. 社交图标：可改为 props 传入，支持外部配置