超三条隐藏

This commit is contained in:
shijingjing
2022-07-19 15:50:11 +08:00
parent 5efcbf195b
commit 7d1f41fef3
2 changed files with 4 additions and 6 deletions

View File

@@ -5,19 +5,19 @@
<div class="dailyMatters">
<div v-if="list && list.length">
<div>
<div v-for="(item, index) in list.slice(0,2)" :key="index" :class="{'color1':index%4==0,'color2':index%4==1,'color3':index%4==2,'color4':index%4==3}" class="daily_item">
<div v-for="(item, index) in list.slice(0,3)" :key="index" :class="{'color1':index%4==0,'color2':index%4==1,'color3':index%4==2,'color4':index%4==3}" class="daily_item">
<div>{{ item.createTime.substring(10, 16) }}</div>
<div>{{ item.taskTitle }}</div>
</div>
</div>
<div v-show="show">
<div v-for="(item, index) in list.slice(2, list.length)" :key="index"
:class="{'color1': index % 4 == 2,'color2': index % 4 == 3,'color3': index % 4 == 0,'color4': index % 4 == 1 }" class="daily_item">
<div v-for="(item, index) in list.slice(3, list.length)" :key="index"
:class="{'color1': index % 4 == 3,'color2': index % 4 == 0,'color3': index % 4 == 1,'color4': index % 4 == 2 }" class="daily_item">
<div>{{ item.createTime.substring(10, 16) }}</div>
<div>{{ item.taskTitle }}</div>
</div>
</div>
<div class="readMore" v-show="!show && list.length > 2" @click="show = true">查看更多</div>
<div class="readMore" v-show="!show && list.length > 3" @click="show = true">查看更多</div>
</div>
<AiEmpty description="暂无宣发" v-else></AiEmpty>
</div>