1.previewImage

小程序wxml

<image src="{{image}}" bindtap="imgLoad"></image>

小程序js文件

imgLoad: function(event) {let imgList = ['**',]wx.previewImage({current: '**', // 當前顯示圖片的http鏈接urls: imgList // 需要預覽的圖片http鏈接列表})}

2.內嵌h5(支持異步)

小程序wxml

<web-view src="**?id=0" ></web-view>

html

<div class="help-poster-other-container"><div class="activity-wrapper wrapper"><div class="activity-title">添加我的企業微信，為你提供更周全專業購物咨詢服務</div><div class="activity-qrcode"><div class="qrcode-title">長按識別二維碼</div><image class="qrcode-img" src="**" bindtap="imgLoad"></image></div></div><div class="activity-wrapper wrapper"><div class="activity-title">活動尚未開始</div><div class="activity-title">開始時間</div></div><div class="activity-wrapper wrapper"><div class="active-title">活動已結束</div><div class="active-title">下次早點參與哦～</div></div></div>

3.html內嵌script

<script type="text/javascript">//獲取url里攜帶的參數function getQueryVariable() {let divs = document.querySelectorAll('.wrapper');var query = window.location.search.substring(1);var vars = query.split("&");let order = parseInt(vars[0].split('=')[1]);divs[order].style.display = 'block';}getQueryVariable();setTimeout(() => {window.location.search = '?id=1',getQueryVariable();}, 3000);</script>

總結

以上是生活随笔為你收集整理的微信小程序如何支持长按识别二维码功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。