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

why 568 2024-07-02

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

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

1

2

3

4

5

6

"window": {

  "backgroundTextStyle": "light",

  "navigationBarBackgroundColor": "#fff",

  "backgroundColor": "#f6f6f8",

  "navigationBarTextStyle": "black"

},

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

1

2

3

4

{

      "backgroundColor": "#fff",

      "navigationBarTitleText": "添加评价"

}

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

image.png

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

1

2

3

page {

  background-color: #fff;

}

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

image.png


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:2021最新微信封面红包注册申请及设置制作方法含视频图文
下一篇:微信中 obj 框的含义及相关解释
相关文章

 发表评论

暂时没有评论,来抢沙发吧~