如何动态改变页面背景色

来源:10-9 自定义属性可以接收一个Object对象

weixin_宝慕林8180759

2021-03-06

我有一个业务需要让页面的背景颜色动态修改,导航栏可以用wx.setNavigationBarColor,但是修改背景色只能通过在wxss里面修改page标签里面的背景色属性才可以做到,有没有方法可以动态修改page里面的背景色属性呢?

写回答

2回答

weixin_宝慕林8180759

提问者

2021-03-06

我发现一个方法可以,这里分享一下。

先在wxss里面把page的height设置成100%,这样page元素就可以占据整个屏幕,

然后在最外层的view的样式的height也改成100%,这样由于它占用100%的page高度,所以这个view也将占据整个屏幕。

这样问题就从修改page的背景色转化为修改view的背景色,所以只需要做一个数据绑定就OK了

像这样:

<view class="container" style="background-color: {{backgroundColor}};">


0
0

7七月

2021-03-06

这个不太好做。主要是page不是一个自己定义的组件,所以不太好选中page,再改变颜色。

0
0

微信小程序入门与实战(全新版) 超20000人学习的好课

4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!

23867 学习 · 6899 问题

查看课程