微信小程序是个坑。js动态修改样式。我们不能用js或者jq轻易搞定。或者使用removeClass addClass修改样式。

下面是一个动态修改样式的方法。原理是绑定数据，然后动态修改数据，从而实现动态的风格变化。感觉有点......................但是我无能为力。如果有更好的方法，可以在评论区分享。

test.wxml

view style=' text-align : center；'

标签样式=' color: { { color } }'我将改变颜色/标签

Button bindtap='clickRed '转红/按钮

Button bindtap='clickgreen '转绿/button

/view

test.js

页面({

数据： {

颜色： '红色'

},

点击Red:函数(){

this.setData({

颜色： '红色'

})

},

点击green: function () {

this.setData({

颜色： '绿色'

})

}

})