需求是点击某个内容，弹出小于屏幕的图片，比如二维码、广告图等，弹窗内可以设置超链接跳转，以及关闭弹窗。以下记录不跳转，只关闭的代码思路。
1、写出弹窗图片和关闭按钮，将其定位在页面指定位置。默认display：none;
2、点击的内容上，添加点击事件，点击事件里，将弹出内容的display改为block;
3、给弹窗内容中的关闭按钮添加点击事件，事件中将display再次改为none。
代码如下：
wxml部分文章来源：https://www.toymoban.com/news/detail-530346.html
<view class="advision" style="display: {{isShowads}};">
<image src="../../images/123.jpg" class="adimage"></image>
<view class="cancel" bindtap="cancelAd">X</view>
</view>js部分 文章来源地址https://www.toymoban.com/news/detail-530346.html
data: {
isShowads:'none' //默认隐藏弹窗
},
//点击显示弹窗
getAdvision(){
this.setData({
isShowads:'bolck'
})
},
//点击隐藏弹窗
cancelAd(){
this.setData({
isShowads:'none'
})
},到了这里，关于小程序中怎么实现点击弹出图片？的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[微信小程序]在图片上的特定区域点击实现功能](https://imgs.yssmx.com/Uploads/2024/02/787594-1.png)
