This commit is contained in:
daihh
2022-10-13 17:02:40 +08:00
6 changed files with 181 additions and 42 deletions

View File

@@ -1,6 +1,24 @@
<template>
<div style="">
<div class="article-list" v-for="(item, idx) in items" :key="idx">
<!-- 新版 -->
<div class="art-box" v-for="(item, idx) in items" :key="idx">
<div class="coures-head">
<div class="share-name" v-if="type=='myShare'">
分享给了<span>{{ item.toAname }}</span>
</div>
<div v-else class="share-name">
<span>{{ item.toAname }}</span>分享给了我
</div>
<div class="islook" v-if="item.isRead">已查看</div>
<div class="isunlook" v-else>未查看</div>
<div class="share-time">{{ item.time }}</div>
</div>
<div class="coures-content">
<span>文章</span>{{item.title}}
</div>
</div>
<!-- 旧版 -->
<!-- <div class="article-list" v-for="(item, idx) in items" :key="idx">
<div class="article-info" @click="jumpRouter(item)">
<div class="article-info-title">
<span v-if="item.isRead" class="readed">已查看</span>
@@ -10,21 +28,20 @@
</div>
<div v-html="$keywordActiveShow(item.summary || item.content,keyword)" class="article-info-summary two-line-ellipsis">
</div>
<!-- v-html="$keywordActiveShow(item.summary,keyword)" -->
<div style="display:flex;justify-content: space-between;">
<div class="article-info-tools">
<!-- <authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo"></authorInfo> -->
<authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo"></authorInfo>
<span style="color: #999999;">{{ item.time }}</span>
<span v-if="type=='myShare'" style="color: #999999;font-size: 14px;">分享给{{item.toAname}}</span>
<span v-else>{{item.sysCreateBy}}分享给我</span>
<!-- <interactBar ref="shareDialog" :type="0" :data="item" :shares="false" :views="false"></interactBar> -->
<interactBar ref="shareDialog" :type="0" :data="item" :shares="false" :views="false"></interactBar>
</div>
<div>
<el-button style="color: #8590A6;" v-if="!item.isRead&&type=='myShare'" type="text" icon="el-icon-refresh-right" @click.stop="deleteshares(item)">撤回</el-button>
</div>
</div>
</div>
</div>
</div> -->
</div>
</template>
@@ -109,6 +126,57 @@ export default {
</script>
<style lang="scss" scoped>
.art-box{
width: 100%;
padding: 30px 0;
border-bottom:1px solid #e9e9e9 ;
.coures-content{
margin-top: 20px;
font-size: 16px;
color: #333333;
font-weight: 600;
span{
font-size: 16px;
margin-left: -9px;
}
}
.coures-head{
display: flex;
.share-name{
font-size: 14px;
color: #666666;
margin-right: 17px;
}
.share-time{
font-size: 14px;
color: #666666;
line-height: 25px;
margin-left: auto;
}
.islook{
width: 46px;
height: 24px;
background: #eee;
font-size: 12px;
color: #666666;
line-height: 24px;
text-align: center;
border-radius: 2px;
}
.isunlook{
width: 46px;
height: 24px;
background: #FF6562;
border-radius: 2px;
font-size: 12px;
color: #fff;
line-height: 24px;
text-align: center;
}
}
}
.article-status1 {
padding: 3px;
border: 1px dotted #1ea0fa;

View File

@@ -3,7 +3,10 @@
<!-- 最新 -->
<div class="case-box" v-for="(item, idx) in items" :key="idx">
<div class="coures-head">
<div class="share-name">
<div class="share-name" v-if="type=='myShare'">
分享给了<span>{{ item.toAname }}</span>
</div>
<div v-else class="share-name">
<span>{{ item.toAname }}</span>分享给了我
</div>
<div class="islook" v-if="item.isRead">已查看</div>

View File

@@ -3,7 +3,10 @@
<!-- 最新版设计 -->
<div class="coures-box" @click="jumpRouter(item)" v-for="(item, idx) in items" :key="idx">
<div class="coures-head">
<div class="share-name">
<div class="share-name" v-if="type=='myShare'">
分享给了<span>{{ item.toAname }}</span>
</div>
<div class="share-name" v-else>
<span>{{ item.toAname }}</span>分享给了我
</div>
<div class="islook" v-if="item.isRead">已查看</div>

View File

@@ -1,6 +1,24 @@
<template>
<div style="">
<div class="article-list" v-for="(item, idx) in items" :key="idx">
<!-- 新版 -->
<div class="qa-box" v-for="(item, idx) in items" :key="idx">
<div class="coures-head">
<div class="share-name" v-if="type=='myShare'">
分享给了<span>{{ item.toAname }}</span>
</div>
<div v-else class="share-name">
<span>{{ item.toAname }}</span>分享给了我
</div>
<div class="islook" v-if="item.isRead">已查看</div>
<div class="isunlook" v-else>未查看</div>
<div class="share-time">{{ item.time }}</div>
</div>
<div class="coures-content">
<span>问答</span>{{item.title}}
</div>
</div>
<!-- 旧版 -->
<!-- <div class="article-list" v-for="(item, idx) in items" :key="idx">
<div class="article-info" @click="jumpRouter(item)">
<div class="article-info-title">
<span class="qa-basic" :class="item.question.isResolve ? 'qa-solve' : 'qa-unSolve'">{{ item.question.isResolve ? '【已解决】' : '【未解决】' }}</span>
@@ -12,14 +30,7 @@
<div class="bestAnswer one-line-ellipsis " v-if="item.question.isResolve">
<span>最佳回答:</span>
<span class="one-line-ellipsi" style="color: #999999;" v-html="$keywordActiveShow(item.question.bestAnswer,keyword)"></span>
<!-- v-if="item.question.isResolve" -->
<!-- v-if="item.question.isResolve" -->
<!-- <div style="margin-right:15px;width: 80px">
</div>
<div class="one-line-ellipsis" v-if="item.question.isResolve" style="color: #999999;padding:2px 0 0 0;width:90%" v-html="$keywordActiveShow(item.question.bestAnswer,keyword)"> -->
</div>
</div>
<div style="display:flex;justify-content: space-between;color: rgb(153, 153, 153);font-size: 14px;">
@@ -35,8 +46,7 @@
</div>
</div>
</div>
</div>
</div> -->
</div>
</template>
@@ -117,6 +127,57 @@ export default {
</script>
<style lang="scss" scoped>
.qa-box{
width: 100%;
padding: 30px 0;
border-bottom:1px solid #e9e9e9 ;
.coures-content{
margin-top: 20px;
font-size: 16px;
color: #333333;
font-weight: 600;
span{
font-size: 16px;
margin-left: -9px;
}
}
.coures-head{
display: flex;
.share-name{
font-size: 14px;
color: #666666;
margin-right: 17px;
}
.share-time{
font-size: 14px;
color: #666666;
line-height: 25px;
margin-left: auto;
}
.islook{
width: 46px;
height: 24px;
background: #eee;
font-size: 12px;
color: #666666;
line-height: 24px;
text-align: center;
border-radius: 2px;
}
.isunlook{
width: 46px;
height: 24px;
background: #FF6562;
border-radius: 2px;
font-size: 12px;
color: #fff;
line-height: 24px;
text-align: center;
}
}
}
.one-line-ellipsis{
display: -webkit-box;
// white-space:pre-wrap;