遇到同样问题。 如图: [图片] 开发工具上可以实现,真机调试时就会排列成两行了。用cover-view无法实现此样式。 代码片段: <a href="wechatide://minicode/qFhQdcmQ722g" target="_blank">wechatide://minicode/qFhQdcmQ722g</a>
cover view里不能放text标签导致的问题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,就按上面的例子来。很急。
2018-09-05