【问题界面】:
在这里插入图片描述

【正常界面】:
在这里插入图片描述

【解决方法】:

  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
		},
		...
	}

在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐