小程序动态修改page的背景颜色

wxml: 把所有的页面内容用一个class为page的view标签包裹起来

　　<view class="page" style="background-color: {{bgColor}}">

　　　　...

　　</view>

 

wxss:

　　.page {

　　　　display: block;

　　　　min-height: 100%;

　　　　width: 100%;

　　　　position: absolute;

　　　　left: 0;

　　　　top: 0;

　　　　z-index: 1;

　　}

 

Js:  在其他方法里面改变bgColor的值就可以了

　　Page({

　　　　data: {

　　　　　　bgColor:  ' '

　　　　}

　　})

转载于:https://www.cnblogs.com/chensiyan/p/10237800.html