微信小程序点击按钮切换图片

微信小程序中，要实现点击按钮切换图片，通常会使用到`image`组件配合`wx：tap`或`bindtap`事件。以下是一个简单的步骤：

1. 首先，在.wxml文件中创建一个包含图片的`image`组件，并添加一个按钮`button`，绑定点击事件：

<view class="container">
  <image src="{{currentImage}}" wx:if="{{isShowing}}"></image>
  <button bindtap="switchImage">点击切换图片</button>
</view>

2. 在.wxss文件中，可以对容器和按钮进行样式设置：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.button {
  margin-top: 20rpx;
}

3. 在.js文件中，定义数据`currentImage`存储当前显示的图片路径，并在`data`对象中初始化。同时，编写`switchImage`函数来处理点击事件，改变`currentImage`的值以及控制`isShowing`开关来切换图片：

Page({
  data: {
    currentImage: 'path/to/image1.jpg', // 初始显示的图片路径
    isShowing: true,
    images: ['path/to/image1.jpg', 'path/to/image2.jpg'] // 图片数组
  },
  
  switchImage: function() {
    this.setData({
      isShowing: !this.data.isShowing, // 切换显示状态
      currentImage: this.data.images[this.data.isShowing ? 0 : 1] // 根据显示状态选择下一张图片
    });
  }
})