评论

wx.getMenuButtonBoundingClientRect() 偶尔拿不到正确值导致的替代方案

wx.getMenuButtonBoundingClientRect() 偶尔拿不到正确值导致的替代方案

//获取设备信息
wx.getSystemInfo({
success(res) {
//存储屏幕宽度 做兼容
// 微信7.0.6版本会解决某些机型某些版本 调用wx.getMenuButtonBoundingClientRect()报错
const isIOS = res.system.indexOf(‘IOS’);
let clientRectTop;
try {
clientRectTop = wx.getMenuButtonBoundingClientRect().height + res.statusBarHeight
}
catch {
clientRectTop = (isIOS === -1 ? 37 : 40) + res.statusBarHeight;
}

			...................................................
        }
    })
    
    <--  html-->
    <view class="nav" style="height:{{clientRectTop}}px;">
<view class="nav-content flex-R-SB">
    <image src="/imgs/goback.png" bindtap="goBack" class="goBackIcon"></image>
    <text>查询缴费</text>
</view>

</view>

    某些低版本用户的自定义naviBar的样式会发生错误。
    所以有了这个替代方案.
    至于这两个值怎么测量出来的参考:
    https://segmentfault.com/a/1190000018733860
最后一次编辑于  09-29  
点赞 0
收藏
评论