文本超出几行显示省略号

 

<view class=\'content\'>
    <view class=\'c_text\' id="box" style=\'-webkit-line-clamp:{{lineclamp}}\'>
      本酒店好霸道个地方不化的风格股的方法反反复复部分 地方改变地方vadfvdfjfbiiiuioulkdaflgvbdfgbvf 胡椒粉IDGV不vbfudioshbdfb电饭锅电饭锅电饭锅 大风过后如果喝好中发现不对覅后在低V胡答复VB 胡椒粉IDGV不vbfudioshbdfb电饭锅电饭锅电饭锅 大风过后如果喝好中发现不对覅后在低V胡答复VB
    </view>
    <view class=\'appear\' hidden=\'{{status==0}}\'>
      <button type=\'primary\' bindtap=\'isclick\' hover-class=\'none\'>显示全部</button>
    </view>
  </view>

.content{
  padding: 20rpx;
}
.c_text{
  font-size: 32rpx;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* -webkit-line-clamp: 2; */
  -webkit-box-orient: vertical;
  text-indent:2em;
  color: #515151;
}
.appear{
  margin-top: 20rpx;
  border-top: 1px solid #ddd;
}
.appear button{
  margin:30rpx auto;
  width:30%;
  font-size: 30rpx;
  background:transparent;
  color:#999; 
}

 

data: {
    lineclamp:6,

  },
  boxheight(e){
    var that=this;
    var query = wx.createSelectorQuery();
    query.select(\'#box\').boundingClientRect()
    query.exec(function (res) {
      console.log(res[0].height);
      var boxheight = res[0].height;
      if (boxheight<140){
        var status=0;
      }
      that.setData({
        boxheight: boxheight,
        status: status
      })
    })
  },
  isclick(){
    this.setData({
      lineclamp:1000,
      status:0
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.boxheight();
  },

类似这种，样子很丑，很久很久之前测试写的，一直没用上，有好的方法，欢迎指正啊