1.previewImage

小程序wxml

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

小程序js文件

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

2.內(nèi)嵌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">添加我的企業(yè)微信，為你提供更周全專業(yè)購物咨詢服務(wù)</div><div class="activity-qrcode"><div class="qrcode-title">長按識(shí)別二維碼</div><image class="qrcode-img" src="**" bindtap="imgLoad"></image></div></div><div class="activity-wrapper wrapper"><div class="activity-title">活動(dòng)尚未開始</div><div class="activity-title">開始時(shí)間</div></div><div class="activity-wrapper wrapper"><div class="active-title">活動(dòng)已結(jié)束</div><div class="active-title">下次早點(diǎn)參與哦～</div></div></div>

3.html內(nèi)嵌script

<script type="text/javascript">//獲取url里攜帶的參數(shù)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>

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。