微信小程序 iPhone 11、iPhoneX 底部安全区域(底部小黑条)适配

1.在app.jsonLaunch函数内调用wx.getSystemInfo,获得手机型号res.model,并存储为全局变量:

let _this = this
    wx.getSystemInfo({
      success: res => {
        let modelmes = res.model;
        console.log(res.model)
        let iphoneArr = ['iPhone X', 'iPhone 11', 'iPhone 11 Pro Max']
        iphoneArr.forEach(function (item) {
          if (modelmes.search(item) != -1) {
            _this.globalData.isIphoneX = true
          }
        })    
      }
    })

在需要用到的js中设置即可,我这底部自定义所以用组件的形式

微信小程序 iPhone 11、iPhoneX 底部安全区域(底部小黑条)适配_第1张图片
在这里插入图片描述
完美解决。

你可能感兴趣的:(微信小程序)