uni-app小程序设置页面背景色

在原生微信小程序中,可以通过下面的设置来设置页面背景色

page {
    background:'#f0f0f0'
}

但是在uni-app上,这样的设置在小程序端并没有起作用。

原因是因为style标签上加了scoped,那么如何在使用scoped的同时又能设置page背景色呢?

解决方案:


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

<style lang="scss" scoped>
	.container {
		width: 100%;
		background-color: #f5f5f5;
	}
</style>

猜你喜欢

转载自blog.csdn.net/watson2017/article/details/130250736