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