微信小程序button点击事件添加class样式详解

在微信小程序中，可以通过以下方式为button添加class，实现点击事件发生时动态改变其样式：

1. 在wxml文件中给button添加一个class属性，比如：

<button class='my-button'>点击我</button>

2. 在对应的wxss文件中定义该class的样式，比如：

.my-button {
  color: #fff;
  background-color: #00bcd4;
  border-radius: 5px;
  padding: 10px 20px;
  border: none;
  outline: none;
}

.my-button:active {
  opacity: 0.8;
}

3. 在js文件中监听button的点击事件，并在事件处理函数中添加该class，比如：

// 获取按钮元素
const btn = this.selectComponent('.my-button');

// 监听按钮点击事件
btn.onTap((event) => {
  // 给按钮添加class
  btn.addCls('active');
});

注意，以上代码仅供参考，具体实现可能需要根据具体需求进行调整。