uni-app 适配苹果底部横线

uni-app 适配苹果底部横线

1、使用css计算函数

page{
  padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}

效果：

2、获取设备信息通过计算出底部高度

 wx.getSystemInfo({
      success: res => {
        this.globalData.bottom = res.screenHeight - res.safeArea.bottom;
      },
      fail(err) {
        console.log(err);
      }
})