简介

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

相册识别