更新记录
1.0.3(2025-01-27)
修复在uniapp中使用插件编译错误问题
1.0.2(2025-01-23)
修复安卓端扫码结果重复问题
1.0.1(2025-01-22)
更新IOS和Harmony代码没有设备未测试
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 4.25,Android:5.0,iOS:不确定,HarmonyNext:不确定 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
xmkj-scan
- 基于华为ScanKit混编的扫码和生成码插件,仅支持默认模式,目前只支持安卓,后续会支持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 { 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('https://www.baidu.com','QR_CODE',250,250) as String
console.log(this.qrImgPath)
}
}
}
</script>