微信小程序,動態改變樣式


小程序目前沒有修改樣式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

    } );

  }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM