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

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

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

后来在页面中第一反应也是使用单独的json文件设置,

{
      "backgroundColor": "#fff",
      "navigationBarTitleText": "添加评价"
}

果断发现,没有卵用啊,页面背景还是灰色。
灰色区域为背景

解决方法,在对应的wxss文件中设置一个page类:

 page {
  background-color: #fff;
} 

这样整个页面的背景色就设置为全白,且不影响其他页面,其它页面有特殊要求,也是如此修改就可以了。
页面背景色整页为白色

猜你喜欢

转载自blog.csdn.net/weixin_42275932/article/details/81130019
今日推荐