peihaoyu/nebula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💩 公告组件

Browse Source
This commit is contained in:
ronger 2021-05-07 08:38:24 +08:00
parent ed7d0f11ad
commit 7f860c8ad7
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/announcement/list.vue
View File

@ -3,12 +3,18 @@
<el-col :xs="24" :sm="24" :xl="24" style="margin: 0 auto;"> <el-col :xs="24" :sm="24" :xl="24" style="margin: 0 auto;">
<el-carousel :interval="5000" type="card" height="256px"> <el-carousel :interval="5000" type="card" height="256px">
<el-carousel-item v-for="article in announcements.articles" :key="article.idArticle" style="padding-bottom: 1rem;"> <el-carousel-item v-for="article in announcements.articles" :key="article.idArticle" style="padding-bottom: 1rem;">
<el-card> <el-card style="height: 250px;">
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">
<el-link rel="nofollow" @click="onRouter('article',article.articleLink)" :underline="false" <el-link rel="nofollow" @click="onRouter('article',article.articleLink)" :underline="false"
style="margin-bottom: .5rem;"> style="margin-bottom: .7rem;">
<h4> <h4>
{{ article.articleTitle }} {{ article.articleTitle }}
<el-tag
style="margin-left: 0.5rem;"
size="mini"
effect="plain">
# 公告
</el-tag>
</h4> </h4>
</el-link> </el-link>
<div class="text-muted article-summary-md">{{ article.articlePreviewContent }}</div> <div class="text-muted article-summary-md">{{ article.articlePreviewContent }}</div>