zoukankan      html  css  js  c++  java
  • 微信小程序,动态改变样式

    小程序目前没有修改样式api,但是可以利用数据绑定实现动态改变样式,可以用view标签模拟page然后改变view标签的样式,以下案例演示了如果改变page背景颜色:
    <view class="page" style="background-color:{{pageBackgroundColor}}" >
    
    <button bindtap="changeColor" hover-class="none">点击修改背景颜色</button>
    
    </view>
    
    changeColor: function() {
    
        var bgColor = this.data.pageBackgroundColor == 'red' ? '#5cb85c' : 'red';
    
        // 设置背景颜色数据
    
        this.setData( {
    
          pageBackgroundColor: bgColor
    
        } );
    
      }
  • 相关阅读:
    团队冲刺--第二阶段(七)
    对搜狗输入法的评价
    团队冲刺--第二阶段(六)
    课堂练习-找水王
    基础
    基础
    基础
    基础
    基础
    基础
  • 原文地址:https://www.cnblogs.com/wanghaonull/p/6284764.html
Copyright © 2011-2022 走看看