(补充)微信长按识别二维码 — 页面多个二维码如何识别?(二)

  • A+
所属分类:前端 原创 开发&源码

基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别?
)在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按识别。

微信长按识别二维码

微信长按识别二维码

页面布局,在列表页上覆盖一层大图div

然后是列表页,与上文基本一致:

最后是js

大部分样式都在代码中写成style了,列表页比较简答,用的css没有改过来,自己对应加下就ok了;毕竟这里主要是提供思路。

最终效果如下图:

(补充)微信长按识别二维码 -- 页面多个二维码如何识别?(二)
长按识别多个二维码.gif

ps:相对于之前代码,用户操作变得繁琐了,但是,在图片非常多时不会出现识别错误的bug;如果只有1~4张二维码,可以使用之前的版本长按二维码识别1;如果是图片较多,一页5-6张图片,而且有多页,则使用本文所述方法!当然,如果有更好的方案解决该问题,欢迎留言,多谢!

博客: IT老五 简书:ThinkinLiu


IT老五(it-lao5):关注公众号,一起源创,一起学习!

IT老五(it-lao5):关注公众号,一起源创,一起学习!

weinxin
我的微信公众号
我的微信公众号扫一扫
Thinkin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: