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

时间:2022-02-18 11:47:14

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>