小程序兼容苹果11,12,X底部小黑条处理

 

 

 小程序在iphoneX下，底部固定定位的块会被苹果手机的小黑条挡住，其实影响也不大，但是设计过不去，改

 

 

 公用方法

export const isDiffDeviceModel = async () => {
  let sysInfo = await wx.getSystemInfoSync();
  console.log(sysInfo);
  let deviceModel = sysInfo.model;
  let flag = false;
  if (deviceModel.indexOf("iPhone X") > -1 || deviceModel.indexOf("iPhone 11") > -1 || deviceModel.indexOf("iPhone 12") > -1) {
    flag = true;
  }
  return flag;
}

然后在app.ts里面定义一个变量diffDeviceModel

在首页调用一下方法即可，然后存在全局变量里面

this.globalData.diffDeviceModel=await  isDiffDeviceModel();

使用的时候只需要通过变量的diffDeviceModel true和false设置不同的样式即可