微信小程序如何支持长按识别二维码功能

1.previewImage

1. 小程序wxml

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

2. 小程序js文件

    imgLoad: function(event) {
      let imgList = [
        '**',
      ]
      wx.previewImage({
        current: '**', // 当前显示图片的http链接
        urls: imgList // 需要预览的图片http链接列表
      })
    }

2.内嵌h5(支持异步)

1. 小程序wxml

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

2. 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>