uni-app修改页面背景色:

1.设置全局背景色(法一):

在这里插入图片描述

"globalStyle": {
	"navigationBarTextStyle": "black",
	"navigationBarTitleText": "...管理",
	// "navigationBarTitleText": "...管理",
	"navigationBarBackgroundColor": "#F8F8F8",
	"backgroundColor": "#F8F8F8"
},

2.设置全局背景色(法二):

在App.vue的style样式表中设置

<style>	
page {
	background-color: #F0AD4E;
}
</style>

3.设置单页面背景色:

对应页面中的style样式表中设置，且不能有scoped属性，如果需要使用带scoped属性的样式表，则重新创建一个样式表单独写背景色样式

<style>
page {
	background-color: #F0AD4E;
}
</style>

<style lang="scss" scoped>
	....
</style>

4.在pages.json里面设置单页面背景色,这种是不行的,只能在页面内设置:

在这里插入图片描述

这种是不行的,只能在页面内设置

在这里插入图片描述

uni-app修改页面背景色:

1.设置全局背景色(法一):

2.设置全局背景色(法二):

3.设置单页面背景色:

4.在pages.json里面设置单页面背景色,这种是不行的,只能在页面内设置:

悦读