uniapp 小程序全屏的实现


通过设置navigationStyle, 即自定义导航实现背景全屏

参考文章:  微信小程序 自定义头部导航栏 navigationStyle

代码部分

在page.json中, 加入 "navigationStyle": "custom" , 这是全局的, 单页面的还不知道怎么搞


"globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "知识问答系统", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8", "navigationStyle": "custom" }

然后背景全屏代码部分, 首先需要容器占满屏幕


 		onReady() {
			let systemInfo = uni.getSystemInfoSync()
			this.height = systemInfo.windowHeight
			
		},