1

components/AppFooter_bak/Link/Link.vue

@@ -0,0 +1,24 @@
+<template>
+  <el-space class="text-gray-400 text-sm hidden-sm-and-down">
+    <span>友情链接：</span>
+    <template v-for="(item,index) in list" :key="index">
+      <nuxt-link :to="item.url" target="_blank" class="link:text-gray-400 visited:text-gray-400 hover:text-gray-200">{{ item.name }}</nuxt-link>
+      <el-divider v-if="list.length-1 != index" direction="vertical" style="border-color: #9ca3af;" />
+    </template>
+    <el-divider direction="vertical" style="border-color: #9ca3af;" />
+    <nuxt-link :to="`/links`" class="link:text-gray-400 visited:text-gray-400 hover:text-gray-200">更多...</nuxt-link>
+  </el-space>
+  <div class="border-b-solid bg-gray-700 border-1 mt-4 opacity-40 hidden-sm-and-down"></div>
+</template>
+<script setup lang="ts">
+import {listCmsLink, pageCmsLink} from "~/api/cms/cmsLink";
+import type {CmsLink} from "~/api/cms/cmsLink/model";
+
+const list = ref<CmsLink[]>([])
+pageCmsLink({limit: 10}).then(res => {
+  list.value = res?.list || [];
+})
+</script>
+<style scoped lang="scss">
+
+</style>