uniapp中如何設(shè)置全局頁面背景色

這篇“uniapp中如何設(shè)置全局頁面背景色”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“uniapp中如何設(shè)置全局頁面背景色”文章吧。

未生效 :

在pages.json里面設(shè)置單頁面背景色,這種是不行的,只能在頁面內(nèi)生效

方法1: pages.json globalStyle 中設(shè)置 backgroundColor

// pages.json
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "衡物聯(lián)",
		"navigationBarBackgroundColor": "#ffffff",
		"backgroundColor": "red" // 這里嘗試設(shè)置全局頁面背景色,未生效
	},

方法2: pages.json globalStyle 中設(shè)置 backgroundColor ,猜測可能是顏色不能用別名

// pages.json
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "衡物聯(lián)",
		"navigationBarBackgroundColor": "#ffffff",
		"backgroundColor": "#4094ff" // 這里嘗試設(shè)置全局頁面背景色,未生效
	},

方法3 : 在App.vue里面 設(shè)置,在各個頁面使用

1.在App.vue里面

2.在每個頁面的根view 里添加一個class名叫page

效果是不 OK 的,不設(shè)置寬高的情況下,不是整個頁面的背景色

生效

方法1:在App.vue的style樣式表中設(shè)置

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

這次生效了,而且是不用在每個頁面中引用的

注意這里需要是 page 而不是 .page

以上就是關(guān)于“uniapp中如何設(shè)置全局頁面背景色”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道。