微信小程序-点击内容展开隐藏评论文章等
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42514606/article/details/102860012
背景
在网上看到很多这样的，有很多这样的例子。
https://gitee.com/dggy/expendable/tree/master 比如上面这个大哥就是用的非常好的，但是有点冗余
在这里插入图片描述
在来看看这个，下面是效果图，可以参考下面的连接
https://www.jb51.net/article/141882.htm
在这里插入图片描述
实际方案
需要一个简单的，默认显示问题是一部分，点击后，显示的是全部的内容。再次点击回复到默认即可。
在这里插入图片描述
下面是部分代码
// js
isHide: true,
showMoreMsg: function() { //点击显示全部内容
this.setData ({
isHide: !this.data.isHide
})
},// wxml
<view class="{{isHide?'hide':'show'}}" bindtap="showMoreMsg">{{item.content}}</view>// wxss
.hide {
margin-top: 15rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.show {
margin-top: 15rpx;
overflow: hidden;
text-overflow: ellipsis;
}本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019-11-01 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录