微信小程序文字隐藏部分，及展开

这是实现图：

GIF.gif

源码：

<text class="{{textFlag==true?'textMore':'text'}}">{{text}}</text>
<button bindtap='addheight'>增高</button>

.text {
  display: -webkit-box;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /*显示行数*/
}

.textMore {
  height: auto;
}

 data: {
    textFlag:false,
    text:"这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字"
  },
  addheight:function(){
    this.setData({
      textFlag:!this.data.textFlag
    })
  }