小程序 解决iPhone机型屏幕下边横杠遮住底部按钮问题

解决思路：

1. 首先在app.js的onLaunch方法中获取到设备信息，根据设备信息判断设备屏幕下边是否有横杆并设置到全局变量；
2. 在页面中获取到该变量，为true时就动态改变底部按钮高度，使按钮弹起一定高度，从而实现横杠遮挡不了按钮；

//获取设备信息
wx.getSystemInfo({
   success: function (res) {
      // iPhone机型有横杆的导航栏高度大于40
      if (res.safeArea.top > 40) {
         that.globalData.isIphoneX = true;
      }
   }
});