简介
Ba-ScanView 是一款毫秒级扫码插件,采用component组件模式,可直接在uniapp界面直接引用,高宽可随意设置。
- component组件模式,可直接在uniapp界面直接引用,高宽可随意设置
- 支持连续扫码,可设置时间间隔
- 支持多码选择
- 支持设置扫码格式
- 支持打开、关闭闪光灯
- 支持相册图片识别
- 同时支持vue2和vue3
- 支持关闭和打开扫描
- 支持多码直接返回
使用方法(示例)
在 template
中直接引用
<Ba-ScanViewS ref="scanViewS" style="height: 200;width: 100%;" :load="loadData" @onScan="onScan">
</Ba-ScanViewS>
在 script
中调用
export default {
data() {
return {
loadData: {//配置
scanTimeSpace: 1000,//时间间隔
//isDirScanMulti: true,//是否直接返回多码,默认fasle(弹窗多码标识,用户自己选择)
//rpCancelBtnText: 'cancel',
isShowToast: true
}
}
},
onLoad() {
let that = this;
//监听扫码结果(vue2和vue3都支持)
var globalEvent = uni.requireNativePlugin('globalEvent');
globalEvent.addEventListener('baScanViewEvent', function(e) {
console.log('baScanViewEvent' + JSON.stringify(e));
});
},
methods: {
onScan(e) {扫码监听(仅支持vue2,vue3请使用globalEvent方式)
console.log("onScan:" + e.detail.result);
console.log("onScan:" + e.detail.results);//多个
},
openScanLight() {//打开闪光灯
this.$refs.scanViewS.openScanLight();
},
closeScanLight() {//关闭闪光灯
this.$refs.scanViewS.closeScanLight();
},
isLightOn() {//是否打开闪光灯
this.$refs.scanViewS.isLightOn(res => {
uni.showToast({
title: 'isLightOn:' + res.isLightOn,
icon: 'none'
})
});
},
openAlbumPage() {//相册识别
this.$refs.scanViewS.openAlbumPage();
},
openScan() { //打开扫描
this.$refs.scanViewS.openScan();
},
closeScan() { //关闭扫描
this.$refs.scanViewS.closeScan();
},
isScanOpen() { //是否打开扫描
this.$refs.scanViewS.isScanOpen(res => {
uni.showToast({
title: 'isScanOpen:' + res.isScanOpen,
icon: 'none'
})
});
},
}
}
默认界面
load 配置参数
属性名 | 类型 | 默认值 | 说明 |
isShowVibrate | Boolean | true | 扫描完成震动 |
isShowBeep | Boolean | false | 扫描完成声音 |
scanTimeSpace | int | 1000 | 连续扫描时间间隔,单位毫秒,默认 1000 |
isShowToast | Boolean | true | 扫码成功是否 toast 提示,默认 true |
barcodeFormats | Array | 设置扫码格式,支持多个,默认所有。如:[“QR Code”, “Code 128”] | |
scanColor | String | #FF0000 | 扫描线的颜色 |
支持的扫码格式 barcodeFormats 参数
- 线性格式:Codabar、Code 39、Code 93、Code 128、EAN-8、EAN-13、IFF、UPC-A、UPC-E
- 2D 格式:Aztec、Data Matrix、PDF417、QR Code(二维码)
接口说明
方法名 | 说明 |
openScanLight | 打开闪光灯 |
closeScanLight | 关闭闪光灯 |
isLightOn | 是否打开闪光灯 |
openAlbumPage | 相册识别 |