富文本点击查看更多,如果内容超多出3行显示,未超过隐藏,显示所有富文本内容
最近遇到个bug,当我的富文本满3行之后需要显示更多,未满3行全铺;
我想了好久,首先我想到的是算它的字的高度与宽度与总体宽度与高度进行取余,发现可能会很麻烦,计算字的高度…果断放弃了,于是有了第二种想法,我计算3行需要的高度,然后给定个死的值,再用富文本的高度与3行的高度进行对比,对查看更多进行显示和隐藏;哈哈果真可以
接下来就是我编码的过程啦,首先我们需要计算富文本的高度,发现uniapp上有实列;
const query = uni.createSelectorQuery().in(this);
query
.select("#id的名字")
.boundingClientRect((data) => {
console.log(data.height);