新版本官网优化完成

components/NextArticle.vue

@@ -0,0 +1,44 @@
+<!-- 上一篇 下一篇 -->
+<script setup lang="ts">
+import {detail} from "~/utils/common";
+import type {CmsArticle} from "~/api/cms/cmsArticle/model";
+import {getNext, getPrevious} from "~/api/cms/cmsArticle";
+
+const props = withDefaults(
+    defineProps<{
+      articleId?: number;
+    }>(),
+    {}
+);
+
+const i18n = useI18n();
+const previousArticle = ref<CmsArticle>();
+const nextArticle = ref<CmsArticle>();
+
+// 上一篇
+previousArticle.value = await getPrevious({
+  articleId: props.articleId,
+  lang: i18n.locale.value
+})
+// 下一篇
+nextArticle.value = await getNext({
+  articleId: props.articleId,
+  lang: i18n.locale.value
+})
+
+</script>
+
+<template>
+  <div class="page flex flex-col">
+            <span class="text-left">
+              {{ $t('previous') }}：<a :href="detail(previousArticle)">{{ previousArticle?.title }}</a>
+            </span>
+            <span class="text-left">
+              {{ $t('next') }}：<a :href="detail(nextArticle)">{{ nextArticle?.title }}</a>
+            </span>
+  </div>
+</template>
+
+<style scoped lang="scss">
+
+</style>