vue 列表默认显示5个,查看更多、收缩效果缩略图
<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
	}
},

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注