小兔网

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

首先我打算设置一个全局背景颜色,于是对app.json中的windows对象进行了如下设置:

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

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

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

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

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

(学习视频分享:编程入门

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

 page {  background-color: #fff;}

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

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

相关推荐:小程序开发教程

以上就是修改小程序单页面的背景颜色的知识。速戳>>知识兔学习精品课!