// WXML
<button bindtap="changeStyle" style="{{btnStyle}}">点击变换样式</button>
// JS
Page({
data: {
btnStyle: '' // 初始样式为空
},
changeStyle: function() {
this.setData({
btnStyle: 'background-color: red; color: white;' // 点击后改变样式
});
setTimeout(() => {
this.setData({
btnStyle: '' // 1秒后恢复原来的样式
});
}, 1000);
}
})
其中setTimeout,这个定时器一般用不到,根据情况来增减......