1

components/CmsArticleList.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import {detail} from "~/utils/common";
+import dayjs from "dayjs";
+
+const props = withDefaults(
+    defineProps<{
+      data?: any;
+    }>(),
+    {}
+);
+</script>
+
+<template>
+  <template v-if="data" v-for="(item,index) in data" key="index">
+    <li class="clearfix">
+      <a :href="detail(item)" class="n-left fl">
+        <el-image :src="item.image" :fit="`scale-down`" class="w-[240px] h-[158px]" :alt="item.title" />
+      </a>
+      <div class="n-right fr">
+        <h3><a :href="detail(item)" :title="item.title">{{ item.title }}</a></h3>
+        <div v-html="item.comments" class="line-clamp-2"></div>
+        <div class="date">{{ $t('createTime') }}：{{ dayjs(item.createTime).format('YYYY-MM-DD') }}</div>
+        <div class="n-more" ><a :href="detail(item)"  >{{ $t('seeMore') }}>></a></div>
+      </div>
+    </li>
+  </template>
+  <div class="clearboth"></div>
+</template>
+
+<style scoped lang="scss">
+
+</style>