首页 > 微信 > 详细

小程序动态设置页面背景色、

时间:2020-11-01 00:11:43      阅读:110      评论:0      收藏:0      [点我收藏+]

 1.当前页面下的html文件  给外层view 取个page 类名,下面是css

   .page {

    display: block; 

    min-height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

  }

 2. 在js 中,获取参数,根据参数类型不同设置不同的 color ,data:{ color:‘red‘}

3.赋值给最外层的view 

<view class="page" style="{{color}};">
  balabala
</view>

二 、导航栏背景色

 wx.setNavigationBarColor({
        frontColor: ‘#ffffff‘, //必填
        backgroundColor: ‘#F32446‘, //必填
        // animation: { //可选
        //   duration: 400,
        //   timingFunc: ‘easeIn‘
        // }
      });

小程序动态设置页面背景色、

原文:https://www.cnblogs.com/qianqianyiyu/p/13907290.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!