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 class="article-info-date"></div>
<div @click="jump(item)"> <div @click="jump(item)">
<div class="article-info"> <div class="article-info">
<div class="article-info-title one-line-ellipsis"> <div class="art-hear one-line-ellipsis">
<span class="article-info-title">
{{ item.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>
<div class="article-info-summary two-line-ellipsis">{{ item.summary || item.content}}</div>
<div class="article-info-tools"> <div class="article-info-tools">
<authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo" :sex="item.sex"> </authorInfo> <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.sysCreateTime || item.publishTime || item.favoritesTime | timeFilter }}</span> -->
<span>收藏时间{{ item.time || 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> </div>
<div class="article-info-summary two-line-ellipsis">{{ item.summary || item.content}}</div>
<interactBar :type="2" :readonly="true" :data="items" :views="false" :shares="false"></interactBar>
</div> </div>
</div> </div>
</div> </div>
@@ -68,6 +74,18 @@ export default {
</script> </script>
<style lang="scss" scoped> <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 { .article-status1 {
padding: 3px; padding: 3px;
border: 1px dotted #1ea0fa; border: 1px dotted #1ea0fa;
@@ -108,18 +126,18 @@ export default {
} }
.article-info { .article-info {
.article-info-title { .article-info-title {
font-size: 18px; font-size: 16px;
font-weight: 400; font-weight: 600;
margin-bottom: 5px; margin-bottom: 5px;
color: #333; color: #333;
} }
.article-info-summary { .article-info-summary {
// height: 65px; // height: 65px;
color: #999999; color: #333;
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 10px; margin-top: 10px;
font-size: 14px;
line-height: 25px; line-height: 20px;
} }
.article-info-tools { .article-info-tools {
color: #999999; color: #999999;

View File

@@ -8,7 +8,7 @@
</div> </div>
<div class="article-info-date"> <div class="article-info-date">
<el-button @click="delItem(item)" type="text" style="color: #8590A6" icon="el-icon-remove">取消收藏</el-button> <el-button @click="delItem(item)" type="text" style="color: #8590A6;font-size:14px" icon="el-icon-star-on">取消收藏</el-button>
</div> </div>
</div> </div>
<div class="article-info-tools"> <div class="article-info-tools">

View File

@@ -12,7 +12,7 @@
<span >{{ item.title }} <span class="bq-coures">#课程#</span> </span> <span >{{ item.title }} <span class="bq-coures">#课程#</span> </span>
</div> </div>
<div class="canfavo"> <div class="canfavo">
<el-button v-if="remove" @click.stop="delItem(item)" type="text" icon="el-icon-star-on" style="color:#8590A6;"> <el-button v-if="remove" @click.stop="delItem(item)" type="text" icon="el-icon-star-on" style="color:#8590A6;font-size:14px;">
取消收藏 取消收藏
</el-button> </el-button>
</div> </div>
@@ -227,7 +227,7 @@ export default {
} }
.canfavo{ .canfavo{
margin-left:auto; margin-left:auto;
width: 100px; // width: 100px;
button{ button{
font-size: 12px; font-size: 12px;

View File

@@ -3,23 +3,25 @@
<div class="article-list" v-for="(item, idx) in items" :key="idx" @click="qadetail(item)"> <div class="article-list" v-for="(item, idx) in items" :key="idx" @click="qadetail(item)">
<div class="article-info"> <div class="article-info">
<!-- <div class="article-info-title"> --> <!-- <div class="article-info-title"> -->
<div class="article-info-title" style="line-height: 30px;"> <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 class="qa-basic" :class="item.question.isResolve ? 'qa-solve' : 'qa-unSolve'">{{ item.question.isResolve ? '【已解决】' : '【待解决】' }}</span> -->
<span style="padding-left: 5px">{{ item.question.title }}</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> --> <!-- </div> -->
<div class="article-info-summary two-line-ellipsis">{{ item.question.content }}</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 v-if="item.question.isResolve" style=";color: #333330;display:flex;margin-bottom:10px">
<div style="width:90px"><span>最佳回答:</span></div> <!-- <div style="width:90px"><span>最佳回答:</span></div> -->
<div class="one-line-ellipsis" style="color: #5a5a5a;padding-top:1px">{{ item.question.bestAnswer }}</div> <div class="one-line-ellipsis" style="color: #333330;font-size: 14px;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> </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> </div>
</div> </div>
@@ -94,6 +96,16 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.qa-bq{
font-size: 16px;
color: #333333;
}
.art-head{
display: flex;
button{
margin-left: auto;
}
}
// .one-line-ellipsis { // .one-line-ellipsis {
// display: -webkit-box; // display: -webkit-box;
// white-space:pre-wrap; // white-space:pre-wrap;
@@ -161,8 +173,9 @@ export default {
} }
.article-info-summary { .article-info-summary {
line-height: 25px; line-height: 25px;
font-size: 14px;
margin: 10px 0; margin: 10px 0;
color: #666; color: #333;
} }
.article-info-tools { .article-info-tools {
color: #999999; color: #999999;