微信小程序 多行文本显示…+显示更多按钮和收起更多按钮功能
192 浏览量
2020-12-30
03:00:15
上传
评论 1
收藏 66KB PDF 举报
微信小程序微信小程序 多行文本显示多行文本显示…+显示更多按钮和收起更多按钮功显示更多按钮和收起更多按钮功
能能
看了很多帖子，但是效果都不是很好。还是找微信小程序官方文档，自己写比较方便。自己动手丰衣足食！话不多说，上代
码！
时空传送
先来个效果图
html
<block wx:for='{{trendsList}}' wx:key='index'>
<view class="box">
<view class="textFour_box {{item.seeMore?'three':''}}">{{item.text}}</view>
<view class="text_toggle_box" wx:if='{{item.seeMore}}' data-index='{{index}}' catchtap='toggleHandler'>
<text class="text_toggle_text">查看更多</text>
<image class="toggle-icon" src="../../images/1.png"></image>
</view>
<view class="text_toggle_box" wx:if='{{!item.seeMore && item.auto}}' data-index='{{index}}' catchtap='toggleContent'>
<text class="text_toggle_text">收起</text>
<image class="toggle-icon" src="../../images/2.png"></image>
</view>
</view>
</block>
wxss
资源评论
