小程序|小程序修改单页面的背景颜色

设置小程序的页面背景颜色,一开始设置了一个全局的背景颜色,在app.json的widows对象中进行设置

"window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "backgroundColor": "#f6f6f8", "navigationBarTextStyle": "black" },

后来在页面中第一反应也是使用单独的json文件设置,
{ "backgroundColor": "#fff", "navigationBarTitleText": "添加评价" }

【小程序|小程序修改单页面的背景颜色】果断发现,没有卵用啊,页面背景还是灰色。
小程序|小程序修改单页面的背景颜色
文章图片

解决方法,在对应的wxss文件中设置一个page类:
page { background-color: #fff; }

这样整个页面的背景色就设置为全白,且不影响其他页面,其它页面有特殊要求,也是如此修改就可以了。
小程序|小程序修改单页面的背景颜色
文章图片

    推荐阅读