底部安全区适配
- html添加meta标签:
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" name="viewport"/>
- App.vue文件app样式:
#app {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
- 部分页面position:fixed底部对齐会有影响,需设置该元素:
@supports (bottom: env(safe-area-inset-bottom)){
#store-cart-fiexd .cart-bar{
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
}
```**