uniapp做微信小程序的展开收起的写法
可以用uview的控件https://www.uviewui.com/components/readMore.html(展开阅读更多)
自己写的话在h5里可以用以下的写法:
<view style="width: calc(100% - 100px);" @click.stop="item.showInfo = !item.showInfo"> <u--text :text="item.ysxm" bold></u--text> <u--text :text="item.readme" color="#999" margin="20rpx 0 0" :lines="item.showInfo ? '' : 2" lineHeight="normal"></u--text> <u--text :text="item.showInfo ? '收起' : '展开简介'" margin="20rpx 0 0 0" align="center" color="#007aff" :suffixIcon="item.showInfo ? 'arrow-up' : 'arrow-down'" iconStyle="color:#007aff;margin-left:10rpx"></u--text> </view>
但以上的写法在小程序中用不了,点了没反应,得把那点击事件改为 @click="_=>aaa(item)",写到一个方法里:
//牛腩新增的,小程序中只能这样写 aaa(bbb){ console.log(bbb); this.list.forEach(item => { if(item.ysbm==bbb.ysbm){ item.showInfo = !item.showInfo; } }) },