uniapp 小程序全屏的实现

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

代码部分

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



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

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

<view class="background" :style = ' { backgroundImage : " url(" + setting.login_background + " ) " } '>

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

2023-01-10
2021-11-17
2022-02-01
2022-12-23
2022-12-23
2021-12-27
2021-07-14
2021-11-14