⼩程序状态栏、导航栏⾼度胶囊按钮尺⼨定位⾃定义导航栏时,考虑到状态栏的固有⾼度,以及胶囊按钮的位置,需要对⾃定义的导航栏设定相仿的尺⼨、位置。
已有的⼩程序 API 包括状态栏⾼度、胶囊按钮信息:
通过wx.getSystemInfo()返回的 statusBarHeight ,即为状态栏⾼度。再通过wx.getMenuButtonBoundingClientRect()获取到胶囊按钮的宽⾼以及上下边界的坐标,即可计算出导航栏⾼度。
success: res => {
// 状态栏⾼度
let statusBarHeight = res.statusBarHeight;
let menuButtonRect = wx.getMenuButtonBoundingClientRect()
// 导航栏⾼度
let navigationBarHeight = (p - statusBarHeight) * 2 + menuButtonRect.height
}
});
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论