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

【问题界面】:
uniapp使用自定义导航栏和手机自带的状态栏重叠_第1张图片

【正常界面】:
uniapp使用自定义导航栏和手机自带的状态栏重叠_第2张图片

【解决方法】:

  1. 在页面顶部添加代码

uniapp使用自定义导航栏和手机自带的状态栏重叠_第3张图片

2.引入占位条并注册

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

uniapp使用自定义导航栏和手机自带的状态栏重叠_第4张图片

你可能感兴趣的:(uni-app)