uniapp使用自定义导航栏和手机自带的状态栏重叠

【问题界面】：

【正常界面】：

【解决方法】：

1. 在页面顶部添加代码<!-- #ifndef H5 --> <statusBar></statusBar> <!-- #endif -->

2.引入占位条并注册

import statusBar from "@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar";
export default {
    
    
		components: {
    
    
			statusBar
		},
		...
	}