2***@qq.com
2***@qq.com
  • 发布:2022-06-08 15:39
  • 更新:2022-06-13 11:34
  • 阅读:1196

3.4.14版本flex布局样式bug

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

HBuilderX类型: 正式

HBuilderX版本号: 3.4.14

手机系统: Android

手机系统版本号: Android 11

手机厂商: 华为

手机机型: MatePad11

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

新版版app端flex布局样式被覆盖

预期结果:

正常flex布局

实际结果:

布局错乱

bug描述:

3.4.14版本在app端加了一个uni-view的样式覆盖了全局, 导致flex布局排版错乱, h5端正常

2022-06-08 15:39 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com

这个bug确实出现的不应该,w3c标准都是默认的row,难道uniapp也想学腾讯自己定标准....

  • DCloud_UNI_GSQ

    是为了提高渲染效率,优化view组件实现(从vue component转为web component)时,未注意到 vue2 scoped style的部分差异导致。这部分样式是内层scoped style污染了slot。

    2022-06-09 17:19

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 3.4.15 已修复

2***@qq.com

2***@qq.com (作者)

截图是用devTool审查的app端的元素, 不是h5端的

2***@qq.com

2***@qq.com (作者)

本来flex-firection默认是row的, 你这个uni-view给全局覆盖成column了, 现在必须手动改成row

  • rebelll

    谢谢老哥,app找了半天问题 H5端页没毛病

    2022-06-08 16:08

  • 2***@qq.com (作者)

    我说的你不是指楼主...我就是楼主, 是指dcloud...指新版本

    2022-06-08 16:40

  • 最光阴

    是nvue页面吗, 如果是nvue页面默认column可以在配置里改成row的

    2022-06-08 17:18

y***@youjiuzs.com

y***@youjiuzs.com

小程序端也没看到这个问题

2***@qq.com

2***@qq.com

为什么页面上一些是正确的一些是错位的?

9***@qq.com

9***@qq.com

版本已回退

清扬子

清扬子

遇到同样问题,项目很多地道出现了

y***@126.com

y***@126.com

这个新版本太坑人了

DCloud_UNI_GSQ

DCloud_UNI_GSQ

已确认scoped style出现兼容问题,即将修复。

  • q***@qq.com

    https://ask.dcloud.net.cn/question/146580 https://ask.dcloud.net.cn/question/144787 这两个是当没看到么?

    2022-06-09 17:25

  • DCloud_UNI_GSQ

    回复 q***@qq.com: 已有相关同事跟进,即将修复

    2022-06-09 19:35

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