更新记录
1.0.0(2021-06-28) 下载此版本
1、适用于微信小程序的多次扫码模式和拍照模式,其他平台尚未测试,如有需要可以根据代码思路去兼容 2、组件代码中还有根据业务需求开发的代码,可以根据自己的业务需要修改去掉
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | × | × | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | × | × | × | - | - | - | × | - | × | × |
1、适用于微信小程序的多次扫码模式和拍照模式,其他平台尚未测试,如有需要可以根据代码思路去兼容
2、组件代码中还有根据业务需求开发的代码,可以根据自己的业务需要修改去掉
参数介绍
- scanMode:type:String(normal:代表照相模式,scanCode:代表扫码模式,注意微信暂不支持扫描小程序码,不要问为什么,微信功能是这样)
- scanTip:type: Number,扫码成功用是否用震动来提示(1:表示震动模式,2:表示mp3模式)
- scanCameraWid:type: String,相机的宽度
- scanCameraHei:type: String,相机的高度
例子
<template> <view><kingScan scanMode="scanCode"></kingScan></view> </template> <script> import kingScan from '@/components/king-scan/king-scan.vue'; export default { components: { kingScan }, data() { return {}; }, methods: {
}
};
<style lang="scss"></style>
> 写到最后
> 新手上路,请勿见怪
> 创作不易,好用请点个赞吧!