点击查看更多-小程序

index.wxss
.item_content {
  padding: 25rpx 25rpx;
  border-bottom: 1px solid #D4D4D4;
}

.max3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.more {
  margin-top: 15rpx;
  color: #CCCCCC;
  font-size: 28rpx;
}

 

idnex.wxml
<view class="item_content f28 gray">
  <view class="{{isShow?'max3':''}}">
    一个天津市公司，和公司1签了一份企业整体转让的协议，天津公司没有履行协议，故意不转让了。一个天津市公司，和公司1签了一份企业整体转让的协议，天津公司没有履行协议，故意不转让了。天津公司和我们另一个公司2有买卖天津公司和我们另一个公司2有买卖
    一个天津市公司，和公司1签了一份企业整体转让的协议，天津公司没有履行协议，故意不转让了。一个天津市公司，和公司1签了一份企业整体转让的协议，天津公司没有履行协议，故意不转让了。天津公司和我们另一个公司2有买卖天津公司和我们另一个公司2有买卖
  </view>
  <view class="flex_row more" bindtap="clickMore" hidden="{{!isShow}}">
    <text class="iconfont icon-xiajiantou"></text>
    <text>查看全部</text>
  </view>
</view>

 

// index.js
// 获取应用实例
const app = getApp()

Page({
  data: {
    isShow: true,


  },
  clickMore: function () {
    if (this.data.isShow) {
      this.setData({
        isShow: false,
      })
    }
  },
  onLoad() {
    const query = wx.createSelectorQuery().in(this)
    query.selectAll('.question').fields({
      size: true
    }).exec(function (res) {
      let lineHeight = 26 // 固定高度值 单位：PX
      for (var i = 0; i < res[0].length; i++) {
        console.log((res[0][i].height / lineHeight) > 3)
      }
    })
  },

})