小程序现在支持在单个页面中设置顶部样式为自定义,只需要页面package.json中加入

"navigationStyle": "custom"

顶部导航分为状态栏区域和标题区域。状态栏区域可以通过 wx.getSystemInfoSync() 中的 statusBarHeight 获取其高度,通过 windowWidth 获取其宽度;标题栏则要通过 wx.getMenuButtonBoundingClientRect() 获取小程序右上方的操作按钮位置及大小,再通过计算其top和状态栏高度等获得,标题栏宽度为windowWidth,高度为 (胶囊按钮的top - 状态栏高度)* 2 + 胶囊的高度。其他部分也通过类似的方法进行换算
原文链接 微信开放社区

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐