55 lines
1.3 KiB
Vue
55 lines
1.3 KiB
Vue
<template>
|
|
<el-row>
|
|
<el-col v-for="article in articles.articles" :key="article.idArticle">
|
|
<el-col>
|
|
<el-link @click="onRouter(article.articleLink)" :underline="false">
|
|
<h2 v-html="article.articleTitle"></h2>
|
|
</el-link>
|
|
</el-col>
|
|
<el-col>
|
|
<small class="d-block text-muted">{{ article.timeAgo }}</small>
|
|
</el-col>
|
|
<el-col>
|
|
<el-divider></el-divider>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col v-if="articles.articles.length == 0" class="text-center">
|
|
<span class="text-default">这里什么也没有!</span>
|
|
</el-col>
|
|
<el-col>
|
|
<div class="vertical-container text-center">
|
|
<el-pagination v-show="articles.pagination.total > 10" v-model="articles.pagination"
|
|
layout="prev, pager, next"
|
|
:current-page="articles.pagination.currentPage"
|
|
:total="articles.pagination.total"
|
|
@current-change="currentChange">
|
|
</el-pagination>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "DraftList",
|
|
props: {
|
|
articles: {
|
|
type: Object
|
|
}
|
|
},
|
|
methods: {
|
|
currentChange(page) {
|
|
},
|
|
onRouter(url) {
|
|
this.$router.push({
|
|
path: url
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|