iPhone X 兼容问题

iPhone X 兼容问题
对容器设置对应的安全区域

.routers{
    box-sizing: border-box;
    padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }

如果底部按钮是fixed定位

.van-tabbar--fixed{
  // 兼容iphonex胡子
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom:  env(safe-area-inset-bottom);
}

详情见
https://juejin.im/post/5be95fbef265da61327ed8e0#heading-2?tdsourcetag=s_pcqq_aiomsg