点击展开收起

<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
    })
  },
})

发表评论