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

@@ -3,23 +3,25 @@
<div class="article-list" v-for="(item, idx) in items" :key="idx" @click="qadetail(item)">
<div class="article-info">
<!-- <div class="article-info-title"> -->
<div class="article-info-title" style="line-height: 30px;">
<span class="qa-basic" :class="item.question.isResolve ? 'qa-solve' : 'qa-unSolve'">{{ item.question.isResolve ? '【已解决】' : '【待解决】' }}</span>
<span style="padding-left: 5px">{{ item.question.title }}</span>
<div class="art-head article-info-title" style="line-height: 30px;">
<!-- <span class="qa-basic" :class="item.question.isResolve ? 'qa-solve' : 'qa-unSolve'">{{ item.question.isResolve ? '【已解决】' : '【待解决】' }}</span> -->
<span style="padding-left: 5px">{{ item.question.title }} <span class="qa-bq">#问答#</span> </span>
<el-button @click.stop="delCollectItem(item)" type="text" icon="el-icon-star-on" style="color:#8590A6">取消收藏</el-button>
</div>
<!-- </div> -->
<div class="article-info-summary two-line-ellipsis">{{ item.question.content }}</div>
<div v-if="item.question.isResolve" style=";color: #5a5a5a;display:flex;margin-bottom:10px">
<div style="width:90px"><span>最佳回答:</span></div>
<div v-if="item.question.isResolve" style=";color: #333330;display:flex;margin-bottom:10px">
<!-- <div style="width:90px"><span>最佳回答:</span></div> -->
<div class="one-line-ellipsis" style="color: #5a5a5a;padding-top:1px">{{ item.question.bestAnswer }}</div>
</div>
<div class="article-info-tools">
<authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo" :sex="item.sex"></authorInfo>
<span>发布时间{{ item.question.sysCreateTime || item.publishTime | timeFilter }}</span>
<span>收藏时间{{ item.time || item.favoritesTime | timeFilter }}</span>
<el-button @click.stop="delCollectItem(item)" type="text" icon="el-icon-remove" style="color:#8590A6">取消收藏</el-button>
<div class="one-line-ellipsis" style="color: #333330;font-size: 14px;padding-top:1px">{{ item.question.bestAnswer }}</div>
</div>
<interactBar :type="4" :readonly="true" :data="items" :views="false" :shares="false"></interactBar>
<!-- <div class="article-info-tools"> -->
<!-- <authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo" :sex="item.sex"></authorInfo> -->
<!-- <span>发布时间{{ item.question.sysCreateTime || item.publishTime | timeFilter }}</span> -->
<!-- <span>收藏时间{{ item.time || item.favoritesTime | timeFilter }}</span> -->
<!-- </div> -->
</div>
</div>
</div>
@@ -94,6 +96,16 @@ export default {
</script>
<style lang="scss" scoped>
.qa-bq{
font-size: 16px;
color: #333333;
}
.art-head{
display: flex;
button{
margin-left: auto;
}
}
// .one-line-ellipsis {
// display: -webkit-box;
// white-space:pre-wrap;
@@ -161,8 +173,9 @@ export default {
}
.article-info-summary {
line-height: 25px;
font-size: 14px;
margin: 10px 0;
color: #666;
color: #333;
}
.article-info-tools {
color: #999999;