HBuilder设置沉浸式状态栏显示效果

Posted 2020-10-04 Lyn小娜

1：在【manifest.json】文件中，在【plus-->distribute--> apple】下加上【 "UIReserveStatusbarOffset":false】，在【google】下加上【"ImmersedStatusbar":true】

2：配置完之后在引入的样式css中加上

【

.mui-ios header{

padding-top: 8px !important;

}

.mui-android header{

padding-top: 10px !important;

}

】

3：安卓版本可以，但是ios版本中，一旦又form表单带有input元素，将会导致标题栏上的标题向上移动，破坏样式，解决办法是在表单外层，div=mui-content里面在加上一层

【

<div class="mui-content" style="margin-top: 45px; padding: 0px;">

<div class="mui-content-padded" style="margin: 5px; ">

其他

</div></div>