42 lines
967 B
Vue
42 lines
967 B
Vue
<script setup lang="ts">
|
|
import type { Company } from '~/data/mock'
|
|
import { getCompanyArticles } from '~/data/mock'
|
|
|
|
const company = inject<Company>('company')!
|
|
|
|
const articles = getCompanyArticles(company.slug)
|
|
|
|
useSeoMeta({
|
|
title: `${company.name} - 文章 - 链通物流`,
|
|
description: `${company.name} 发布的行业资讯、公司动态与案例分享。`
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<UContainer class="max-w-6xl py-8">
|
|
<div
|
|
v-if="articles.length"
|
|
class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
|
|
>
|
|
<ArticleCard
|
|
v-for="article in articles"
|
|
:key="article.id"
|
|
:article="article"
|
|
/>
|
|
</div>
|
|
|
|
<div
|
|
v-else
|
|
class="flex flex-col items-center gap-2 py-20 text-center"
|
|
>
|
|
<UIcon
|
|
name="i-lucide-file-x"
|
|
class="size-10 text-dimmed"
|
|
/>
|
|
<p class="text-toned">
|
|
该企业暂未发布文章
|
|
</p>
|
|
</div>
|
|
</UContainer>
|
|
</template>
|