详细问题描述
在rich-text组件中,因为想要控制内部的样式,只能通过类名,而不能通过标签控制。但是如果一个div有多个类名的话,比如:
// 样式部分
.name1 {
color: #000;
}
.name2 {
font-size: 30upx;
}
var str = "<div class='name1 name2'>一段文字</div>";
这段HTML在rich-text解析后,在chrome中可以看到,变成了:
<div class='name1,name2'>一段文字</div>
也就是说,类名之间多了个逗号,这在H5平台中,还是可以正确识别".name1"和".name2"的样式的,但是在APP(在微信开发工具无法看到解析后的源码,估计也是多了逗号),导致".name1"和".name2"样式完全失效,经测试,只要div只有一个类名,APP是正确的渲染样式,只要超过一个类名,所有通过类名定义的样式完全无效。
使用的是:自定义组件模式
[内容]
IDE运行环境说明
HBuilderX1.9.3.20190422
uni-app运行环境说明
苹果手机APP端不正常
1 个回复
ZGH0709
bug 已确认。