最近遇到一个需求,后台转过来的带格式的富文本需要默认显示5行+。。。,然后点击查看更多后显示全部,我的html结构如下

第一个为正确代码,第二个为错误代码

<view class="orgintro">
	<rich-text :class="orgmore[2]?'fn-text5-overflow':''" :nodes="allData.orgInfo.org_content"></rich-text>
	<view class="grjjstyle" v-if="orgmore[2]" @click="readmore(2)">展开全文∨</view>
</view>
<view class="orgintro" :class="orgmore[2]?'fn-text5-overflow':''">
	<rich-text :nodes="allData.orgInfo.org_content"></rich-text>
	<view class="grjjstyle" v-if="orgmore[2]" @click="readmore(2)">展开全文∨</view>
</view>

 

当时做完后在安卓+电脑上都没有问题,就是苹果端不显示,后来查了只有很少关于这个解释的,有个解释说是因为richtext需要在返回数据的时候设置显示行数的样式

但是我最后却发现,如果将...的样式直接加载richtext上就可以显示了,我原来是加在richtext的父元素上的。目前这个是不是正确的做法,还需要再去验证下

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐