小程序判断iphonex及以上机型

主要是为了适配安全区域,看过其他博主写的单独判断机型(下图),不太通用
小程序判断iphonex及以上机型_第1张图片
这么写以后再增加机型还要维护

现在小程序getSystemInfo方法会返回safeArea对象,
其中top字段可以作为我们判断的依据
小程序判断iphonex及以上机型_第2张图片
x及以上的异形屏top为44,非异形屏为20
在onLaunch中判断,并将结果存到globalData:

let that = this;
    wx.getSystemInfo({
      success: res => {
        if(res.safeArea.top > 20){
          that.globalData.needAdapt = true
        }
      }
    })

在需要的页面使用

const app = getApp()
onLoad: function (options) {
    let needAdapt = app.globalData.needAdapt;
    this.setData({
      needAdapt: needAdapt
    })
  },

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