HTML:
<view class="left_text" :class="active == true?'active':''" ref="programDescription"> 内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</view> <view class="more" v-if="hiddenText">查看全文<image class="icon3" :src="'arrows.png' | changeUrl"></view>
在接口请求完成或者在进入页面的时候
let info = uni.createSelectorQuery().select(".left_text"); info.boundingClientRect(function(data) { //data - 各种参数 if(data.height > 107) { console.log(11111) _this.active = true; _this.hiddenText = true; // that. hiddenText= true; } else { console.log(222222) } }).exec()
css:
.active{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
ok 了!
