关于小程序兼容的问题

由于按钮固定定位在底部，在一些iPhone X以上的屏幕，底下会有一条线，由此，我们需要解决其问题
方案如下: 监听当前手机型号，判断是否为刘海屏幕

wx.getSystemInfo({
      success: function(res) {
        if (res.system.indexOf('iOS') !== -1) {
          // 根据 屏幕高度 进行判断
          if (res.statusBarHeight > 20) {
            wepy.setStorageSync(
            'isFullSucreen',
            true
          )
          } else {
            wepy.setStorageSync(
            'isFullSucreen',
            false
          )
          }
        }
        console.log(wepy.getStorageSync('isFullSucreen'), '全面屏')
      }

    })

由于***statusBarHeight*** 为屏幕上沿 的状态栏，其他手机为20，只有在有刘海的屏幕，此时的高度为44，所以设计如上的解决思路，应为在安卓全面屏手机上显示是正常的，所以只需要判断iOS手机类型的刘海屏