xcx

src/pages/user/mainPage/index.vue

         <router-view></router-view>
       </div>
     </div>
-    <nav class="flex-h">
+    <nav class="flex-h" :style="{paddingBottom: isIphoneX ? '.1rem' : '0'}">
       <router-link :to="{name:item.pathName,query:{}}" v-if="showTabBar" class="flex-item" active-class="active" v-for="(item, index) in tabBar" :key="index">
         <div>
           <img v-if="index==0" class="centerLabel" src="../../../common/icon/tabBar-icon-1.png" alt="">
   name: '',
   data () {
     return {
+      isIphoneX: false,
       tabBar: [{
         pathName: 'indexPage',
         name: '城的空间'
   components: {
   },
   created () {
+    var aHeight = document.documentElement.clientHeight,
+      aWidth = document.documentElement.clientWidth
+    if (aHeight === 375 && aWidth === 724) {
+      this.isIphoneX = true
+    }
     if (!this.userInfo.customer.MapUser || !this.$route.query.hideTabbar) {
       this.showTabBar = true
     }