更新记录
1.0.4(2025-04-22)
安卓端生成码bug修复
1.0.3(2025-01-27)
修复在uniapp中使用插件编译错误问题
1.0.2(2025-01-23)
修复安卓端扫码结果重复问题
查看更多平台兼容性
uni-app x
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | 5.0 | - | √ | - |
xmkj-scan
- 基于华为ScanKit混编的扫码和生成码插件,仅支持默认模式,目前只支持安卓、鸿蒙,后续会支持IOS
- 鸿蒙端扫码uniapp x官方已经内置可以使用内置api,也可以修改插件代码进行调试使用,HBuilder X基于4.61+,
- 注意:鸿蒙端只能使用真机测试不支持模拟器
- IOS端代码已实现,但是没有真实设备进行测试,有条件的码友可以修改源码进行调试
安装
导入插件后,安卓端需要自定义基座再使用(由于使用混编HBuilder X 需要使用4.25+)。
基础使用(如果生成二维码想带logo,请在static目录下定义logo.png)
<template>
<view class="content">
<button @tap="scan">扫码</button>
<button @tap="create">生成码</button>
<text>{{result}} - {{scanType}}</text>
<image :src="qrImgPath"/>
</view>
</template>
<script>
import { CreateCodeOption,ScanCodeOption,scanCode,createCode } from "../../uni_modules/xmkj-scan";
export default {
data() {
return {
result: '-',
scanType: '',
qrImgPath : ''
}
},
methods: {
scan : function () {
scanCode({
success: (result,scanType) => {
this.result = result
this.scanType = scanType
}
} as ScanCodeOption)
},
create(){
/** 生成码的类型
* - 'QR_CODE'
* - 'AZTEC'
* - 'CODABAR'
* - 'CODE_39'
* - 'CODE_93'
* - 'CODE_128'
* - 'DATA_MATRIX'
* - 'EAN_8'
* - 'EAN_13'
* - 'ITF'
* - 'PDF_417'
* - 'UPC_A'
* - 'UPC_E'
* - 生成二维码宽度高度相同通并要大于200,生成条码宽度高度比例2:1并且宽度要大于400
*/
this.qrImgPath = createCode({
content : 'https://www.baidu.com',
type : 'QR_CODE',
width : 250,
height : 250
} as CreateCodeOption) as string
console.log(this.qrImgPath)
}
}
}
</script>