cover view内部只能放cover-view和cover-imgae,不能放text。
那么,如果我的cover-view里要放一段文字,并且文字中有局部是要换个颜色的,这种情况该怎么写?很简单的一个东西,为了在cover-view里写出来,踩了无!数!的!坑!
我不懂为什么开发工具上和实机上的表现完全不同。(开发工具上甚至可以不用那沙比的cover-view就能在原生组件上实现覆盖!)
下面说正事:
不用cover-view的时候,只要很简单的:
< view > 今天是< text class = "color-orange" >2018年9月3日</ text >,大家早上好。 </ view > |
这句话,会在view里自动换行,并且中间的日期是按指定的样式显示的。
而用了cover-view之后,文字在<cover-view>内部甚至都不会自动换行了。<text>也不支持,只能把要特殊化样式的文字也包在<cover-view>中
< cover-view > 今天是< cover-view class = "text color-orange" >2018年9月3日</ cover-view >,大家早上好。 </ cover-view > |
然后就出现了各种换行,空格的问题。
我尝试了把文字各种包裹在cover-view中
< cover-view > < cover-view class = 'text' >今天是</ cover-view > < cover-view class = "text color-orange" >2018年9月3日</ cover-view > < cover-view class = 'text' >,大家早上好。</ cover-view > </ cover-view > |
给他们加上
display: inline;
word-break: break-all;
white-space: pre-line;
的样式。
最后顶多只能实现在开发工具上实现预想中的效果,而在手机上,还是会莫名其妙地省略、<cover-view>之间出现不受控制的换行、<cover-view>之间出现空白等情况。
麻烦官方尽快给出一个解决方案的小demo,就按上面的例子来。很急。