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

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>

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

微信小程序web-view 实现长按识别二维码
小程序长按识别二维码, 网页在小程序中长按识别二维码,web-view长按识别二维码效果图: html 代码: <!DOCTYPE html> <html><head& ...
微信小程序：实现长按扫描二维码
小程序内置扫描二维码 image 使用小程序提供的image组件,image组件上有一个show-menu-by-longpress的属性,设置为true <image show-menu-by ...
微信小程序点击按钮弹窗生成二维码图片+长按识别
框架:uni-app 库:Painter ui框架:uView 1.X <u-modal class="show-close" v-model="showClose ...
微信小程序学习之路——API获取二维码
获取二维码通过后台接口可以获取小程序任意页面的二维码,扫描该二维码可以直接进入小程序对应的页面. 可以使用开发工具 1.02.1803130 及以后版本通过二维码编译功能调试所获得的二维码为满足不 ...
【微信小程序】接口生成自定义首页二维码
1.背景在原有小程序上开发了一个新的功能,需要整合首页.但是为了不影响原有业务,且能测试新功能.所以需要新生成一个二维码,用户扫描该二维码可以跳转到新功能的页面. 2.方法 2.1生成二维码的接口: ...
微信小程序官方接口生成带参数二维码
最近在做一个点餐项目需要生成带参数的二维码供顾客扫码点餐,网上有用许多二维码生成器,比如"草料二维码生成器",但是我还是偏爱用微信小程序官方提供的接口来实现. 首先贴一个文档地址, ...
微信小程序最全生成带参数二维码
摸索了几天终于完成了,接口A B C 通用 ,接口B只能生成已发布的小程序 $appid='APPid'; $secret='你的小程序秘钥'; $tokenUrl="https://api ...
获取其他人微信小程序的任意路径以及生成二维码
如果想要获取别人的小程序页面路径和参数,也不是没有办法,我们只需要通过小程序平台提供的工具就可以简单的获取得到. 当然,前提是获取到目标小程序的APPID,这个应该很简单,没必要在这里阐述. 第一步, ...
jQuery实现生成二维码，微信长按识别二维码功能
参考:https://blog.csdn.net/wky9421/article/details/52837983 <html> <head><script src=&q ...

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

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

最新文章

热门文章