小程序配置IOS系统安全距离

safe-area-inset-top
safe-area-inset-right
safe-area-inset-bottom
safe-area-inset-left

css中具体使用

.isIos{
  padding-top: constant(safe-area-inset-top);
  /*兼容 IOS<11.2*/
  padding-top: env(safe-area-inset-top);
  /*兼容 IOS>11.2*/
}

axml中使用

<view class="map-areas {{isIos ? 'isIos' :''}}">

js中使用

  let sysInfo = my.getSystemInfoSync();
    if(sysInfo.platform === 'iOS'){
      this.setData({
        isIos:true
      })
      }