This commit is contained in:
lmj
2022-10-11 18:58:45 +08:00
parent 2ddfcf1a45
commit fdcc735f59
4 changed files with 60 additions and 29 deletions

View File

@@ -4,16 +4,22 @@
<div class="article-info-date"></div>
<div @click="jump(item)">
<div class="article-info">
<div class="article-info-title one-line-ellipsis">
{{ item.title }}
<div class="art-hear one-line-ellipsis">
<span class="article-info-title">
{{ item.title }}
<span class="art-tit">#文章#</span>
</span>
<el-button @click.stop="delItem(item)" type="text" style="color: #8590A6" icon="el-icon-star-on">取消收藏</el-button>
</div>
<div class="article-info-tools">
<authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo" :sex="item.sex"> </authorInfo>
<!-- <span>发布时间{{ item.sysCreateTime || item.publishTime || item.favoritesTime | timeFilter }}</span> -->
<!-- <span>收藏时间{{ item.time || item.favoritesTime | timeFilter }}</span> -->
</div>
<div class="article-info-summary two-line-ellipsis">{{ item.summary || item.content}}</div>
<div class="article-info-tools">
<authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo" :sex="item.sex"> </authorInfo>
<span>发布时间{{ item.sysCreateTime || item.publishTime || item.favoritesTime | timeFilter }}</span>
<span>收藏时间{{ item.time || item.favoritesTime | timeFilter }}</span>
<el-button @click.stop="delItem(item)" type="text" style="color: #8590A6" icon="el-icon-remove">取消收藏</el-button>
</div>
<interactBar :type="2" :readonly="true" :data="items" :views="false" :shares="false"></interactBar>
</div>
</div>
</div>
@@ -68,6 +74,18 @@ export default {
</script>
<style lang="scss" scoped>
.art-hear{
display: flex;
button{
margin-left: auto;
}
}
.art-tit{
font-size: 16px;
color: #333333;
margin-left: 5px;
font-weight: 400;
}
.article-status1 {
padding: 3px;
border: 1px dotted #1ea0fa;
@@ -108,18 +126,18 @@ export default {
}
.article-info {
.article-info-title {
font-size: 18px;
font-weight: 400;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
color: #333;
}
.article-info-summary {
// height: 65px;
color: #999999;
color: #333;
margin-bottom: 15px;
margin-top: 10px;
line-height: 25px;
font-size: 14px;
line-height: 20px;
}
.article-info-tools {
color: #999999;