详情见 src/assets/style/common.scss
建议把底部导航栏列表写在store
中,方便引用和修改。
这里提供两种方式:
- 自己编写 css,如底部安全区类名:
.safe-area-inset-bottom
,则:
.safe-area-inset-bottom {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
顶部安全区同理。
- uView 提供了组件
u-safe-bottom
和u-status-bar
分别对应底部和顶部安全区。