dskin1
dskin1
  • 发布:2022-01-12 10:43
  • 更新:2022-01-13 17:07
  • 阅读:691

【报Bug】3.3.5云打包后低安卓版本机型样式错乱,调试环境下却无问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10 21H1

HBuilderX类型: 正式

HBuilderX版本号: 3.3.5

手机系统: Android

手机系统版本号: Android 9.0

手机厂商: 华为

手机机型: FLA-AL20

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

使用新版hbuilderx3.3.5云打包
老手机低版本安卓安装应用
打开特定组件页面,样式错乱,展示异常

预期结果:

样式正常显示

实际结果:

样式错乱

bug描述:

使用新版hbuilderx3.3.5云打包后,目前发现老手机低版本安卓下(目前测试版本华为畅享8plus-安卓9与vivo x9-安卓7)使用了绝对定位功能的组件出现了布局错乱的问题,hbuiderx之前使用的3.3.2云打包则不会有问题,同时本地调试,自定义基座调试都无问题显示正常,近两年新手机安卓(测试机型小米k30pro,华为mate30,荣耀magic2)也不会有这个问题

  • uni-indexed-list组件布局出现问题,
  • 升级中心uni-upgrade-center样式错乱到左上角,
  • 以及以下使用了绝对定位的自定义组件,均出现了样式错乱的情况
2022-01-12 10:43 负责人:DCloud_UNI_GSQ 分享
已邀请:
dskin1

dskin1 (作者)

补充附件

  1. uni-indexed-list布局错乱

错误效果

实际效果

  1. 升级中心uni-upgrade-center样式错乱到左上角

  1. 自定义组件页

错误效果

实际效果

dskin1

dskin1 (作者)

本地调试下都能正常展示,一旦云打包安装后就出现显示问题了,根本无法调试解决问题,猜测是新版本hbuilderx云打包机制对低版本安卓绝对定位属性的兼容性造成了影响,望早日修复

DCloud_Android_ST

DCloud_Android_ST

提供下测试demo我们排查下

  • dskin1 (作者)

    下载地址

    https://vkceyugu.cdn.bspapp.com/VKCEYUGU-5e06837d-dbd2-4215-ba0d-b84f941a5f97/5f2a0e9e-efe7-4780-acb4-9476cb640b94.apk

    复现路径,测试账号私发给您

    1、应用首页-左上角地区选择

    2、登录-我的页面-车库-编辑任意一辆车-行驶证正副本上传图片框无法展示出来

    3、我的页面-设置-检测更新-出来弹窗

    2022-01-12 11:14

  • DCloud_Android_ST

    回复 dskin1: 好的 不过最好提供HX项目 这样方便我们调试查看

    2022-01-12 11:17

  • dskin1 (作者)

    回复 DCloud_Android_ST: 稍等下,那我创建一个最小复现DEMO吧

    2022-01-12 11:33

  • dskin1 (作者)

    回复 DCloud_Android_ST: 您好,DEMO已上传

    2022-01-12 11:55

  • DCloud_Android_ST

    回复 dskin1: 该问题已转给相关同学跟踪 感谢你的反馈

    2022-01-12 12:10

dskin1

dskin1 (作者)

已上传附件DEMO,经测试该版本可复现问题

DCloud_UNI_GSQ

DCloud_UNI_GSQ

新版有相关优化,更新到 HBuilderX alpha 3.3.7 试试

dskin1

dskin1 (作者)

已发现问题,3.3.5低版本下positiond定位,不能同时写top left right bottom

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