1***@qq.com
1***@qq.com
  • 发布:2022-05-05 11:41
  • 更新:2022-11-22 15:12
  • 阅读:410

【报Bug】--window-top在vue3与vue2在H5中表现不一致

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10企业版 10.0.17763

HBuilderX类型: 正式

HBuilderX版本号: 3.4.7

浏览器平台: Chrome

浏览器版本: 101.0.4951.54

项目创建方式: HBuilderX

操作步骤:

视图:使用一个空view标签,class为 test-css 和下面的样式即可复现
style: .test-css {
height: var(--window-top);
}

预期结果:

H5中 test-css的高度应该是0px

实际结果:

test-css的高度是44px

bug描述:

css全局属性 --window-top 常量在vue3中与vue2编译模式在H5中表现不一致。
在vue2中 --window-top: calc(var(--top-window-height) + 0px); 符合预期正常;
在vue3中 --window-top: calc(44px + env(safe-area-inset-bottom));不符合预期。
在H5中个人觉得是 --window-top:calc(0px + env(safe-area-inset-top));

2022-05-05 11:41 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

已记录问题后续优化,已加分感谢反馈!

DCloud_UNI_Anne

DCloud_UNI_Anne

HBuilderX3.6.10-alpha已修复

要回复问题请先登录注册