1.在main.js或者app.vue界面添加以下代码

Vue.prototype.globalData = getApp().globalData
wx.getSystemInfo({
  success: res => {
    let model = res.model;
     if (/iphone\sx/i.test(model) || (/iphone/i.test(model) && /unknown/.test(model))|| /iphone\s11/i.test(model) || /iphone\s12/i.test(model) || /iphone\s13/i.test(model)){
          app.globalData.isIphoneX = true;
        }else{
          app.globalData.isIphoneX = false;
        }
  }
});

2.在页面中引用

<template>
<div class="wrap-home" :class="{'iphonex':isIphoneX}">
<div class="header">
</div>
<div class="footer"></div>
</template>
<script>
export default {
  data(){
    return {
        isIphoneX : false
    }
  }
}
</script>
<style lang="scss">
.iphonex{
  .header{
    padding-top: 44Px !important;
  }
  .footer{
    padding-bottom: 68px;
  }
}
</style>