更新记录
1.0.0(2021-06-28) 下载此版本
1、适用于微信小程序的多次扫码模式和拍照模式,其他平台尚未测试,如有需要可以根据代码思路去兼容 2、组件代码中还有根据业务需求开发的代码,可以根据自己的业务需要修改去掉
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
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>
> 写到最后
> 新手上路,请勿见怪
> 创作不易,好用请点个赞吧!