如何动态改变页面背景色
来源: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}};">
00 -
7七月
2021-03-06
这个不太好做。主要是page不是一个自己定义的组件,所以不太好选中page,再改变颜色。
00
相似问题