<view class="container">
<view bindtap="toggleExpand">{{isExpanded ? '收起' : '展开'}}</view>
<view class="content {{ isExpanded ? 'open':'' }}">
<text>这里是可折叠的内容区域这里是可折叠的内容区域这里是可折叠的内容区域这里是可折叠的内容区域</text>
</view>
</view>
.content{line-height: 40rpx; height: 80rpx; overflow: hidden;}
.content.open{height: auto;}
Page({
data: {
isExpanded: false,
},
toggleExpand: function() {
this.setData({
isExpanded: !this.data.isExpanded
})
},
})