因?yàn)樾〕绦蚶锩鏇]有DOM操作移怯，所以不能像JS或者jq一樣湖饱，一兩行代碼切換類
下面教大家一個(gè)簡單的方法在小程序中動態(tài)改變字體的顏色
方法1：
- wxml中：
<view class="classname" bindtap="changeColor" style="color:{{color}}">改變顏色</view> /*創(chuàng)建一個(gè)view標(biāo)簽然后添加bindtap事件*/
- js中:
Page({
changeColor:function(){
var color = this.data.color == "red"?"green":"red";
this.setData({
color:color
})
}
})
方法2：
- wxml中：
<view style="color:{{color}};">我會變色</view>
<button bindtap="clickRed">變紅</button>
<button bindtap="clickgreen">變綠</button>
- js中：
Page({
data:{
color:"red"
}
clickRed: function () {
this.setData({
color: "red"
})
},
clickgreen: function () {
this.setData({
color: "green"
})
}
})
