动态,已隐藏的显示已隐藏的标识

This commit is contained in:
daihh
2022-10-23 18:48:51 +08:00
parent c396ab3b7f
commit c8b040e530
6 changed files with 59 additions and 50 deletions

View File

@@ -5,9 +5,10 @@
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px">
<span v-if="!personal || isFollow">{{item.aname}}</span>
{{item.cusInfo}} <span style="margin-left:28px">{{item.eventTime}}</span>
<span v-if="personal && !item.hidden" class="follow-hide pointer" style="float:right" @click="emitHide(item.id)">
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
</span>
<span v-if="personal" class="follow-hide pointer" style="float:right" >
<span v-if="item.hidden">已隐藏</span>
<span v-else @click="emitHide(item.id)"> <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏 </span>
</span>
</p>
<div style="display:flex;">
<div style="width:254px">
@@ -18,17 +19,18 @@
<p class="title-info">{{item.info.summary}}</p>
<div class="pro-line"> <div>当前进度</div> <div style="width:200px"><el-progress :percentage="item.info.progress"></el-progress></div></div>
<p class="portal-time">最新一次学习时间{{item.info.lastTime}}</p>
</div>
</div>
<div style="width:150px">
<div class="follow-hide pointer" style="text-align: right;" v-if="!isDynamic && personal && !item.hidden" @click="emitHide(item.id)">
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
<div class="follow-hide pointer" style="text-align: right;" v-if="!isDynamic && personal">
<span v-if="item.hidden">已隐藏</span>
<span v-else @click="emitHide(item.id)"> <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏 </span>
</div>
<div class="btn-right" v-if="!(personal && item.info.progress == 100)">
<el-button class="btn" type="primary" @click="jumpDetail(item.info)">{{isFollow ? '我也去学':pageId == userInfo.aid? '继续学习' : '我也去学'}}</el-button>
</div>
</div>
</div>
</li>
</ul>
<div v-else class="home-no-list">
@@ -37,7 +39,7 @@
</div>
</div>
</template>
<script>
import { toScore} from '@/utils/tools.js';
import courseImage from "@/components/Course/courseImage.vue";
@@ -90,7 +92,7 @@
}
}
</script>
<style lang="scss" scoped>
.data-info-ul{
margin: 0;
@@ -119,7 +121,7 @@
color: #333333;
display: flex;
}
}
.btn-right{
margin-top: 48px;
@@ -130,4 +132,3 @@
}
}
</style>