微信小程序——文本的展开与收起

动态效果如下:

微信小程序——文本的展开与收起

就是默认只显示4行,点击展开的按钮显示全部,再点击隐藏。

主要通过css来控制

微信小程序——文本的展开与收起

主要的css:

.flex-text{
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient:vertical;
text-overflow: ellipsis;
overflow:hidden;
}
.flex-text.text-hidden{
-webkit-line-clamp:;
}
.flex-text.text-show{
-webkit-line-clamp:;
}

主要的js:

Page({
  data: {
    txtHidden: true,
  },
  txtToggle: function() {
    let that = this;
    that.setData({
      txtHidden: !that.data.txtHidden
    })
  }
})
上一篇:Python的压缩文件处理 zipfile & tarfile


下一篇:Unity 如何高效的解析数据