微信小程序适配iphone底部任务条

微信小程序适配iphone底部任务条。

获取底部安全距离并添加到globalData

app.js:

js

App({
  globalData: {
    bottomLift: 0
  }

  onLaunch() {
    wx.getSystemInfo({
      success: res => {
        this.globalData.bottomLift = res.screenHeight - res.safeArea.bottom
      }
    })
  }
})

在页面js中引入

页面中使用：

js

const app = getApp()

Page({
  data: {
     bottomLift: app.globalData.bottomLift
  }
})

在wxml中使用

然后就可以在页面中需要的地方使用这个bottomLift。