微信小程序自定义导航栏高度适配
·
小程序现在支持在单个页面中设置顶部样式为自定义,只需要页面package.json中加入
"navigationStyle": "custom"
顶部导航分为状态栏区域和标题区域。状态栏区域可以通过 wx.getSystemInfoSync() 中的 statusBarHeight 获取其高度,通过 windowWidth 获取其宽度;标题栏则要通过 wx.getMenuButtonBoundingClientRect() 获取小程序右上方的操作按钮位置及大小,再通过计算其top和状态栏高度等获得,标题栏宽度为windowWidth,高度为 (胶囊按钮的top - 状态栏高度)* 2 + 胶囊的高度。其他部分也通过类似的方法进行换算
原文链接 微信开放社区
更多推荐
所有评论(0)