微信小程序安全高度

小程序开发，用到底部tabbar的时候，容易被iphoneX等型号手机的底部黑线挡住导致用户难以点击tabbar选项，解决方案之获取安全高度自动适配高度。

在小程序的onLoad或者onShow函数中，添加如下代码：

let screenHeight = wx.getSystemInfoSync().screenHeight
  let safeAreaHeight = wx.getSystemInfoSync().safeArea.height
  let topBangs = wx.getSystemInfoSync().safeArea.top
  let windowHeight = wx.getSystemInfoSync().windowHeight
  let windowWidth = wx.getSystemInfoSync().windowWidth
  let bottomLine = 0
  //如果屏幕高度-顶部刘海 大于 安全高度，说明底部有横线
  if ((screenHeight - topBangs)> safeAreaHeight) {
    bottomLine = screenHeight - topBangs - safeAreaHeight
  }
  //获取窗口高度存储到全局变量px转换为rpx
  app.globalData.heightWindow_G = (windowHeight - bottomLine) * 750 / windowWidth;
  this.setData({
    //把这个autoHeight绑定到视图的style中height项即可,可以在data中设置默认值为'100%'
    autoHeight: app.globalData.heightWindow_G + 'rpx'
  })