uni-app小程序iPhone X適配底部欄黑橫線

app.vue中判斷手機機型，設置需要留出的高度（如果不是iPhonex，則默認為空）

<script>
export default {
  methods: {
    getMobileInfo() {
      const mobileInfo = uni.getSystemInfoSync();
      let BottomBlackLineHeight = ""; //iphoneX底部一條黑線，有些頁面要避開
      let iphoneXArr = ["iPhone X", "iPhone 11", "iPhone 11 Pro Max"];
      iphoneXArr.forEach(function(item) {
        if (mobileInfo.model.search(item) !== -1) {
          BottomBlackLineHeight = "30rpx";
        }
      });
    }
  },
  onLaunch: function() {
    // 獲取手機信息
    this.getMobileInfo();
  }
};
</script>

在需要避開底部橫線的地方，設置：style="{paddingBottom：BottomBlackLineHeight }"

因為BottomBlackLineHeight默認為空，那么非iPhoneX機型設置了此屬性也無影響