25 lines
769 B
Vue
25 lines
769 B
Vue
<script setup lang="ts">
|
||
import {listCmsLink} from "~/api/cms/cmsLink";
|
||
import type {CmsLink} from "~/api/cms/cmsLink/model";
|
||
|
||
const list = ref<CmsLink[]>([])
|
||
listCmsLink({}).then(res => {
|
||
list.value = res;
|
||
})
|
||
</script>
|
||
|
||
<template>
|
||
<el-space class="text-gray-400 text-sm">
|
||
<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-space>
|
||
<div class="border-b-solid bg-gray-700 border-1 mt-4 opacity-40"></div>
|
||
</template>
|
||
|
||
<style scoped lang="scss">
|
||
|
||
</style>
|