推荐下载
-
2020-05-12 浏览：789
-
2020-04-04 浏览：654
-
2020-05-06 浏览：560
-
2020-05-08 浏览：545
-
2020-05-12 浏览：543
微信小程序小工具之文本溢出
发布时间:2020-11-27
效果图如下
wxml代码：
<view bindtap="test">
<view class="classname">
<view class="{{cs}}">
测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 </view><text bindtap="ccc">{{sq}}1</text>
</view>
</view>
js代码：
Page({
data: {
sq: '详情',
cs: 'tt'
},
ccc: function (e) {
console.log("点击")
var s = this.data.sq;
if (s == '详情') {
this.setData({
sq: '收起',
cs: ''
})
} else {
this.setData({
sq: '详情',
cs: 'tt'
})
}
}
})
css代码
.tt {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
