本文主要是介绍微信小程序之手机底部条形导航重叠问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
前言：如上图所示，有的手机底部自带导航特殊导致按钮去导航重叠
解决方法：isIpx ==true 重定义高度即可，视情况而定
/*** 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）*/onLaunch: function () {var that = this;// 获取页面的有关信息wx.getSystemInfo({success: function (res) {// 根据 屏幕高度 进行判断 全面屏// 由华为M20 M9和 iPhoneX XR// (res.statusBarHeight)的平均值得出: 32(31.8四舍五入)则是小程序顶部title区域高度// (res.screenHeight - res.windowHeight - res.statusBarHeight - 32 )的平均值得出: 76(75.6四舍五入)则是判断全面屏的适配tab底部高度if (res.screenHeight != res.safeArea.bottom && res.platform != 'windows') {that.globalData.isIpx = true}//页面可见宽高that.globalData.windowWidth = res.windowWidth;that.globalData.windowHeight = res.windowHeight;}})},
这篇关于微信小程序之手机底部条形导航重叠问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
