y***@hotmail.com
y***@hotmail.com
  • 发布:2024-12-10 11:48
  • 更新:2024-12-11 11:39
  • 阅读:63

导航栏设置custom后,微信小程序的css变量值高度不够

分类:uni-app

css变量在小程序中是25px,但是实际效果并没有完全覆盖手机导航栏,如图:

肉眼可见的25px不够,需要接近50px,高度使用的是css变量--status-bar-height
手机型号是小米15
更新测试情况,在使用uni.getWindowInfo获取的statusBarHeight为37,请问这是为什么?

2024/12/16更新完整测试项目,包管理是yarn

可以在截图中看到,微信小程序模拟器中,css变量--status-bar-height是25px,但是通过uni.getWindowInfo().statusBarHeight获取的值是20,并且选择不同尺寸的机型,接口获取的statusBarHeight是一个变化的值,而css变量是一个常量。

2024-12-10 11:48 负责人:DCloud_UNI_OttoJi 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

提供一个空白工程,用色块填充一下说明一下问题,并说明你的 vue 和 HBuilderX 依赖版本,我测一下

  • y***@hotmail.com (作者)

    用vue-cli创建的ts模板项目,符合文档中的效果,但是不符合实际效果,晚些我弄一个完整的项目

    2024-12-11 15:20

  • y***@hotmail.com (作者)

    已经更新代码附件,用官方文档中的vue-cli脚手架安装的最新正式版

    2024-12-16 19:32

要回复问题请先登录注册