[移动开发]微信小程序之手机底部条形导航重叠问题

?前言：如上图所示，有的手机底部自带导航特殊导致按钮去导航重叠

解决方法：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;
      }
    })
  },