init

pc/layouts/components/footer/index.vue

@@ -0,0 +1,35 @@
+<template>
+    <footer class="layout-footer text-center bg-[#222222] py-[30px]">
+        <div class="text-[#bebebe]">
+            <!-- <NuxtLink> 关于我们 </NuxtLink>
+            ｜ -->
+            <NuxtLink :to="`/policy/${PolicyAgreementEnum.SERVICE}`">
+                用户协议
+            </NuxtLink>
+            ｜
+            <NuxtLink :to="`/policy/${PolicyAgreementEnum.PRIVACY}`">
+                隐私政策
+            </NuxtLink>
+            ｜
+            <NuxtLink to="/user/info"> 会员中心 </NuxtLink>
+        </div>
+        <div class="mt-4 text-tx-secondary">
+            <a
+                class="mx-1 hover:underline"
+                :href="item.link"
+                target="_blank"
+                v-for="item in appStore.getCopyrightConfig"
+                :key="item.link"
+            >
+                {{ item.name }}
+            </a>
+        </div>
+    </footer>
+</template>
+<script lang="ts" setup>
+import { useAppStore } from '@/stores/app'
+import { PolicyAgreementEnum } from '@/enums/appEnums'
+const appStore = useAppStore()
+</script>
+
+<style lang="scss" scoped></style>