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

时间:2019-01-08 11:36:25   收藏:0   阅读:564

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

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!