如何动态改变页面背景色

Question

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

Answer 1

提问者 weixin_宝慕林8180759 2021-03-06 23:17:28

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

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

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

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

像这样：

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

Answer 2

7七月 2021-03-06 21:00:00

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