iphoneX 适配（底部导航栏被黑线遮挡）

描述问题现象：iphoneX以上型号的手机 底部导航栏被黑线遮挡 影响用户体验

解决过程：

 <div id="app" :class="{ isIphoneX: isIphoneX }"></div>

data() {
	 return {
		isIphoneX :true
	}
 }

mounted(){
	if (
  	   	 /iphone/gi.test(navigator.userAgent) &&
    	 	 ((screen.height == 812 && screen.width == 375) ||
      	 	 (screen.height == 896 && screen.width == 414))
  	  ) {
   	  	 //是iphoneX
   	   		this.isIphoneX = true;
  	  } else {
  	    	this.isIphoneX = false;
    }
}

style样式:

	最外层元素 &.isIphoneX {
   		 height: calc(100vh - 35px) !important;
 	 }

获取到底部导航栏的class

	.van-tabbar--fixed {
 		 position: absolute !important;
	}

解决