20260831223203

code/link-site/link-nuxt/app/pages/company/[slug]/articles.vue

@@ -0,0 +1,41 @@
+<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>