微信小程式在適配iphone x 的時候 底部的橫線會出現遮擋這時候就要處理下：

在app.js檔案中 建立全域性變數，然後獲取裝置型號

  globalData: {
    isIphoneX: false,
    userInfo: null
  },
  onShow:function(){
    let  that = this;
    wx.getSystemInfo({
      success:  res=>{
        // console.log('手機資訊res'+res.model)
        let modelmes = res.model;
        if (modelmes.search('iPhone X') != -1) {
          that.globalData.isIphoneX = true
        }

      }
    })
    
  },
 

 在需要引用的頁面js檔案中onload方法裡獲取全域性變數

在 wxml檔案中 進行css的邏輯判斷

css自己加個向下的距離，或者定位看個人需求就好了