微信小程序实现点击按钮然后显示图片功能

实现点击按钮然后显示图片功能，可以按照以下步骤进行操作：

1. 在小程序的 JSON 配置文件中，添加一个按钮组件，例如：

{
  "usingComponents": {},
  "navigationBarTitleText": "点击显示图片",
  "backgroundColor": "#ffffff",
  "enablePullDownRefresh": true,
  "navigationStyle": "custom",
  "usingComponents": {
    "van-button": "/static/vant/button/index"
  },
  "backgroundTextStyle": "light",
  "enableShareAppMessage": true,
  "usingComponents": {}
}

2. 在小程序的 WXML 文件中添加一个按钮组件，例如：

<van-button type="primary" @click="showImage">显示图片</van-button>

3. 在小程序的 JS 文件中，添加一个事件处理函数，例如：

Page({
  data: {
    imageUrl: ''
  },
  showImage() {
    const imageUrl = 'http://example.com/image.jpg'
    this.setData({
      imageUrl
    })
  }
})

4. 在小程序的 WXML 文件中，添加一个图片组件，例如：

<image wx:if="{{imageUrl}}" class="image" src="{{imageUrl}}" mode="aspectFill" />

这样就可以实现点击按钮后显示图片的功能了。需要注意的是，在实际开发中，需要将图片的 URL 替换为实际的图片地址。