.wxml
<!-- 三木运算, buttonActive是class名 -->
<button class="{{wechatClick === true ? 'buttonActive' : ''}}"
bindtap='wechatLogin'>登 录
</button>
.js
// 默认class为空, 样式为button初始样式
data: {
wechatClick: false
}
// 点击按钮改变样式
wechatLogin() {
// buttonActive样式生效
this.setData({
wechatClick: true
}
}
.wxss
.buttonActive {
background: #F14845;
color: #fff;
}