详细问题描述
同一套代码在H5与iOS中的布局完成不一样!在H5中会为每个标签生成一个data-v-xxxxx属性,但是在iOS平台下不会。
如果我在组件A中定义一个名为l的css:
.l{
width:10rpx;
}
同样在B组件中定义一个名为l的css:
.l{
width:100rpx;
}
在B组件中引用A组件。
在H5中使用class="l"的元素宽为100rpx。因为在H5中最终生成的是.l[data-v xxxx],而在iOS中使用l的元素宽可能是10rpx。因为页面中存在多个l的定义,并且最终生成的css就是l,而不是l[data-v xxxx]
4 个回复
最佳回复
DCloud_UNI_GSQ
可以给组件 style 设置 scoped 来隔离样式。
H5端不同,是因为H5端没有多 webview 来隔离页面,所以H5端只能默认启用了样式隔离。
l***@qq.com (作者) - UniApp的BUG太多了! 被坑惨了!
如此大的BUG!官方竟然没人回复!
gftttrrtrt4 - s
css加scoped了吗
gftttrrtrt4
h5上应该是就是不加scoped属性也会默认添加的,但是app上应该不是
2020-04-02 14:01
1***@qq.com
修复