<template>
  <el-space class="text-gray-50 text-sm hidden-sm-and-down" v-if="list.length > 0">
<!--    <span>友情链接：</span>-->
<!--    <template v-for="(item,index) in list" :key="index">-->
<!--      <nuxt-link :to="item.url" target="_blank" class="link:text-gray-50 visited:text-gray-50 hover:text-gray-200">{{ item.name }}</nuxt-link>-->
<!--      <el-divider v-if="list.length-1 != index" direction="vertical" style="border-color: #FFFFFF;" />-->
<!--    </template>-->
<!--    <el-divider direction="vertical" style="border-color: #f3f3f3;" />-->
<!--    <nuxt-link :to="`/links`" class="link:text-gray-50 visited:text-gray-50 hover:text-gray-200">更多...</nuxt-link>-->
  </el-space>
  <div class="address text-white text-sm">地址：{{ config?.address }}</div>
  <div class="border-b-solid bg-gray-50 border-1 border-b-white 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 config = useConfigInfo();

const list = ref<CmsLink[]>([])
pageCmsLink({limit: 8}).then(res => {
  list.value = res?.list || [];
})
</script>
<style scoped lang="scss">

</style>
