47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
<template>
|
|
<uni-list-item
|
|
:to="'/uni_modules/uni-cms-article/pages/detail/detail?id=' + data._id"
|
|
:key="data._id"
|
|
class="list-item"
|
|
>
|
|
<template v-slot:body>
|
|
<view class="main">
|
|
<text class="title">{{ data.title }}</text>
|
|
<view class="info">
|
|
<text class="author">{{ data.user_id[0] ? data.user_id[0].nickname : '' }}</text>
|
|
<text class="publish_date">{{ publishTime(data.publish_date) }}</text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<template v-slot:footer>
|
|
<image class="thumbnail" :src="data.thumbnail[0]" mode="aspectFill"></image>
|
|
</template>
|
|
</uni-list-item>
|
|
</template>
|
|
|
|
<script>
|
|
import translatePublishTime from "@/uni_modules/uni-cms-article/common/publish-time";
|
|
|
|
export default {
|
|
name: "right-small-cover",
|
|
props: {
|
|
data: {
|
|
type: Object,
|
|
default: () => {
|
|
return {}
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
// 格式化时间戳
|
|
publishTime(timestamp) {
|
|
return translatePublishTime(timestamp)
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import "./style.scss";
|
|
</style>
|