<ul class="unlist flex-box">
<template v-for="(item,index) in 10">
<li v-if="index < showNum" :key="item">
<div class="un-box">
<div class="un-box-pic">
<img src="@/assets/images/listcard.png" >
</div>
<div class="un-title">UnLike</div>
</div>
</li>
</template>
</ul>
<div class="cred-foot">
<div class="cred-more " :class="showNum == 5?'on':'up'" @click="showMore()"></div>
</div>
showNum:5
showMore() {
if(this.showNum == 5){
this.showNum = 100
}else{
this.showNum = 5
}
},