uni-app vue 展开 收起功能

1. <!-- 展开 收起部分 start-->
2. <view class="contenfont">
3. <view class="container" v-for="(item,index11) in textfont" :key="index11" :class="fold ? 'fold' : 'unfold'" v-if="item.font !==''" >
4. <label>    
5. <span>{{item.font}} </span>
6. </label>
7. </view>
8. <view class="show" @click="btn" v-show="fold">展开 </view>
9. <view class="show" @click="btn" v-show="!fold">收起 </view>
10. </view>
11. <!-- end -->

1. data(){
2. return{
3. onOff: true, //默认开启 展示
4. onNO: false, //默认关闭 收起
5. fold: true
6. },
7. textfont:[{
8. font: "合抱之木，生于毫末；九层之台，起于垒土。实现中华民族伟大复兴是一个长期而艰巨的过程，需要凝聚磅礴之力，才能实现质的飞跃实现中华民族伟大复兴的中国梦汇聚了强大的“中国力量”。2013年3月17
9. }],
10. },
11. methodes:{
12. btn:function(){ // 收起 展开
13. this.fold=!this.fold;
14. },
15. }