l***@qq.com
l***@qq.com
  • 发布:2020-03-27 09:01
  • 更新:2020-04-03 20:55
  • 阅读:917

【报Bug】大BUG!!!一套代码在H5与iOS布局不一样

分类:uni-app

详细问题描述

同一套代码在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]

2020-03-27 09:01 负责人:无 分享
已邀请:

最佳回复

DCloud_UNI_GSQ

DCloud_UNI_GSQ

可以给组件 style 设置 scoped 来隔离样式。
H5端不同,是因为H5端没有多 webview 来隔离页面,所以H5端只能默认启用了样式隔离。

l***@qq.com

l***@qq.com (作者) - UniApp的BUG太多了! 被坑惨了!

如此大的BUG!官方竟然没人回复!

gftttrrtrt4

gftttrrtrt4 - s

css加scoped了吗

  • gftttrrtrt4

    h5上应该是就是不加scoped属性也会默认添加的,但是app上应该不是

    2020-04-02 14:01

1***@qq.com

1***@qq.com

修复

该问题目前已经被锁定, 无法添加新回复