小程序底部兼容iphoneX

解决iphoneX底部会有一条黑色线挡着小程序底部文字
1 . appjs中加入获取用户信息

    // 获取用户信息
    wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
          wx.getUserInfo({
            success: res => {
              // 可以将 res 发送给后台解码出 unionId
              this.globalData.userInfo = res.userInfo
              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
              // 所以此处加入 callback 以防止这种情况
              if (this.userInfoReadyCallback) {
                this.userInfoReadyCallback(res)
              }
            }
          })
        }
      }
    })
     // 判断设备是否为全面屏
    this.checkIphoneX()

2.设置全局globalData对象

  globalData: {
    isIphoneX:false,
    userInfo: null
  },

3 . 判断是否为全面屏的方法

  checkIphoneX() {
    let that = this;
    let info = wx.getSystemInfoSync();
    if (/iPhone X/i.test(info.model)) {
      that.globalData.isIphoneX = true
    } else {
      that.globalData.isIphoneX =false;
    }
  },

xxx.js页面中
1 . getapp()

const app = getApp();

2.在data中设置一个变量接收app.js中globalData传出的值，我这里用的是aaa,判断aaa的值就能知道是否为iphoneX了

 aaa: app.globalData.isIphoneX, //判断机型