uni-app vue 展开 收起功能
<!-- 展开 收起部分 start--><view class="contenfont"><view class="container" v-for="(item,index11) in textfont" :key="index11" :clas
·
<!-- 展开 收起部分 start-->
<view class="contenfont">
<view class="container" v-for="(item,index11) in textfont" :key="index11" :class="fold ? 'fold' : 'unfold'" v-if="item.font !==''" >
<label>
<span>{{item.font}}</span>
</label>
</view>
<view class="show" @click="btn" v-show="fold">展开</view>
<view class="show" @click="btn" v-show="!fold">收起</view>
</view>
<!-- end -->
data(){
return{
onOff:true, //默认开启 展示
onNO:false, //默认关闭 收起
fold:true
},
textfont:[{
font:"合抱之木,生于毫末;九层之台,起于垒土。实现中华民族伟大复兴是一个长期而艰巨的过程,需要凝聚磅礴之力,才能实现质的飞跃实现中华民族伟大复兴的中国梦汇聚了强大的“中国力量”。2013年3月17
}],
},
methodes:{
btn:function(){ // 收起 展开
this.fold=!this.fold;
},
}
更多推荐



所有评论(0)