uni-app修改页面背景色:

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

uni-app修改页面背景色:_第1张图片

"globalStyle": {
	"navigationBarTextStyle": "black",
	"navigationBarTitleText": "...管理",
	// "navigationBarTitleText": "...管理",
	"navigationBarBackgroundColor": "#F8F8F8",
	"backgroundColor": "#F8F8F8"
},
2.设置全局背景色(法二):

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


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




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

uni-app修改页面背景色:_第2张图片

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

uni-app修改页面背景色:_第3张图片

你可能感兴趣的:(小程序端,uni-app,前端,vue.js)