uniapp uses a custom navigation bar to overlap with the status bar that comes with the phone

[Question interface]:

[Normal interface]:

【Solution】:

1. Add the code at the top of the page<!-- #ifndef H5 --> <statusBar></statusBar> <!-- #endif -->

2. Introduce placeholder and register

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