hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-11 03:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

我的文章

Browse Source
This commit is contained in:
lmj
2022-10-14 12:09:36 +08:00
parent a7bec94aa4
commit 9711fa051d
1 changed files with 47 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/components/Article/ucItems.vue
View File

@@ -11,31 +11,42 @@
</span>
</div>
<div class="article-info-summary two-line-ellipsis">{{item.summary}}</div>
<div class="article-info-tools">
<div class="article-info-tools-auth">
<div class="art-head two-line-ellipsis">
<div class="article-info-summary">
{{item.summary}}
</div>
<div class="art-img">
<img :src="fileBaseUrl + item.coverurl" alt="">
</div>
</div>
<!-- <div class="article-info-tools"> -->
<!-- <div class="article-info-tools-auth"> -->
<!-- <el-avatar size="small" :src="item.avatar ? fileBaseUrl + item.avatar : '/temp/index/male.jpg'"></el-avatar>
<span>{{item.name}}{{(item.orgInfo)}}</span> -->
<!-- <el-tag v-if="status === 0" type="success">已发布</el-tag>
<el-tag type="warning" v-else>未发布</el-tag> -->
<span class="article-time">
<!-- <span class="article-time">
<span> 时间：{{item.sysCreateTime|sysCreateTimeFilter}}</span>
</span>
<span v-if="!item.enabled">已下架</span>
</div>
<div class="article-info-tools-btns" v-if="item.status == 9">
<!-- <interactBar :data="item" :type="2" :shares="false" :views="false"></interactBar> -->
</span> -->
<!-- <span v-if="!item.enabled">已下架</span> -->
<!-- </div> -->
<!-- <div class="article-info-tools-btns" v-if="item.status == 9"> -->
<!-- <el-link icon="el-icon-chat-line-round" class="article-info-tools-btn" >评论57</el-link>
<el-link icon="el-icon-s-promotion" class="article-info-tools-btn" >分享57</el-link>
<el-link icon="el-icon-star-on" class="article-info-tools-btn">收藏12</el-link>
<el-link icon="el-icon-thumb" class="article-info-tools-btn" >点赞20</el-link > -->
</div>
</div>
<!-- </div> -->
<!-- </div> -->
</div>
<div class="article-info-date">
<el-button class="edit" @click.stop="editItem(item.id)" type="text" icon="el-icon-edit">编辑</el-button>
<el-button class="del" @click.stop="delItem(item)" type="text" icon="el-icon-delete">删除</el-button>
<interactBar :data="item" :type="2" :shares="false" :views="false"></interactBar>
<!-- <el-button class="edit" @click.stop="editItem(item.id)" type="text" icon="el-icon-edit">编辑</el-button>
<el-button class="del" @click.stop="delItem(item)" type="text" icon="el-icon-delete">删除</el-button> -->
</div>
</div>
<el-dialog title="编辑文章" :visible.sync="diagSync" :close-on-click-modal="false" width="900px" custom-class="g-dialog">
@@ -196,9 +207,9 @@ export default {
box-sizing: border-box;
}
.article-info-date {
position: absolute;
top: 70%;
right:0px;
// position: absolute;
// top: 70%;
// right:0px;
.del{
color: #8590A6;
font-size: 14px;
@@ -293,14 +304,27 @@ width: 100%;
}
}
.article-info-summary {
margin-bottom: 20px;
color: #333333;
margin-top: 10px;
font-size: 14px;
.art-head{
display: flex;
width: 100%;
margin-bottom: 15px;
.article-info-summary {
flex: 1;
color: #333333;
margin-top: 10px;
font-size: 14px;
}
.art-img{
width: 192px;
height: 109px;
margin-left: auto;
img{
width: 100%;
height: 100%;
}
}
}
.article-info-tools {
height: 30px;
display: flex;