uniapp App端小程序 连续扫码添加购物车功能

Posted 会搬砖的程序猿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp App端小程序 连续扫码添加购物车功能相关的知识,希望对你有一定的参考价值。

关注公众号: 微信搜索 前端工具人 ; 收货更多的干货

原文链接: 自己掘金文章: https://juejin.cn/post/7009214640030744589

一、需求

打开App或者小程序的扫码功能,扫描商品条形码,扫描成功则添加到购物车,连续扫就一直往购物车添加商品;

uniapp 其实有自带的扫码功能, 但是扫描一次过后就会自动关闭扫码;不满足需求!

二、代码相关

源码github: https://github.com/laijinxian/custom_code_scanning

App端: plus.barcode.create API

小程序: camera 组件

三、用法

参考源码 index 文件夹, 把 components 文件夹拷贝到自己项目目录下在引入就可以了

这个功能没有什么可扩展性, 所以没做成插件;

三、 效果图

小程序:

App:

参考

微信小程序参考uniapp 插件市场一位大佬的, 尴尬的是现在连接找不到了; 在插件市场没搜到这个插件了;
有知道的可以把链接放评论里,会及时加上!

以上是关于uniapp App端小程序 连续扫码添加购物车功能的主要内容,如果未能解决你的问题,请参考以下文章

uniapp -- 扫码记录(针对app场景)

uniapp实现扫码OCR两功能的小程序开发到上线

【uni-app】Vuex介绍和使用

01 Taro_Mall 开源多端小程序框架设计

用uniapp开发打包多端应用完整指南

用uniapp开发打包多端应用完整指南