33 lines
945 B
Vue
33 lines
945 B
Vue
<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>
|