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

2021-02-13,

/2021/02/69baa82e.jpg

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

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

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

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

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

/2021/02/9330420a.png" /2021/02/9330420a.png" alt="7579887cfe9f4602a7435538482011c.png

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

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

 page {
  background-color: #fff;
}

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

/2021/02/801ed22d.png" /2021/02/801ed22d.png" alt="b4248364698999a0b308bbae6239df2.png

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

以上就是修改小程序单页面的背景颜色的详细内容,更多请关注北冥有鱼其它相关文章!

本文转载自【PHP中文网】,希望能给您带来帮助,苟日新、日日新、又日新,生命不息,学习不止。

《修改小程序单页面的背景颜色.doc》

下载本文的Word格式文档,以方便收藏与打印。