需求是點擊某個內容，彈出小于屏幕的圖片，比如二維碼、廣告圖等，彈窗內可以設置超鏈接跳轉，以及關閉彈窗。以下記錄不跳轉，只關閉的代碼思路。
1、寫出彈窗圖片和關閉按鈕，將其定位在頁面指定位置。默認display：none;
2、點擊的內容上，添加點擊事件，點擊事件里，將彈出內容的display改為block;
3、給彈窗內容中的關閉按鈕添加點擊事件，事件中將display再次改為none。
代碼如下：
wxml部分文章來源：http://www.zghlxwxcb.cn/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部分?文章來源地址http://www.zghlxwxcb.cn/news/detail-530346.html
data: {
isShowads:'none' //默認隱藏彈窗
},
//點擊顯示彈窗
getAdvision(){
this.setData({
isShowads:'bolck'
})
},
//點擊隱藏彈窗
cancelAd(){
this.setData({
isShowads:'none'
})
},到了這里，關于小程序中怎么實現(xiàn)點擊彈出圖片？的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
![[微信小程序]在圖片上的特定區(qū)域點擊實現(xiàn)功能](https://imgs.yssmx.com/Uploads/2024/02/787594-1.png)
