微信小程序適配iPhoneX 底部

效果

第一步：在app.json里面獲取設備信息

wx.getSystemInfo({
      success: res => {  //設備信息
        console.log("設備信息",res)
        let modelmes = res.model;
        if (modelmes.search('iPhone X') != -1) {
          this.globalData.isIphoneX = true
        }
      }
    })

 globalData: {
    userInfo: null,
    isIphoneX:false,  //手機型號是否是iPhoneX
  },

第二步：在當前頁面index.js的onload里面獲取這個判斷手機型號的值

onLoad: function(options) {
    var that = this;
    that.setData({
      isIphoneX : app.globalData.isIphoneX
    })
}

最后在需要的地方判斷就可

 

 

參考：https://blog.csdn.net/qq_35432904/article/details/83022102