更新记录
0.2.2(2025-05-09)
- fix: 修复鸿蒙报错
0.2.1(2025-05-09)
- fix: 修复安卓uts报错
0.2.0(2025-05-08)
- fix: 修复安卓uts报错
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | - | - | 4.4 | 12 | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
uni-app x
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | 5.0 | 12 | √ | - |
lime-scan
- lime-scan 华为统一扫码(ScanKit)插件,只支持单码模式,兼容安卓/ios/鸿蒙(未测)/H5扫码使用zxing实现扫码(二维码、条形码)
安装
在插件市场导入后,引入插件在页面上再自定义基座后使用。
基础使用
<view style="padding: 30rpx 0;">扫描结果:{{result}}</view>
<button type="primary" @click="scan">开启扫描</button>
import {scanCode, ScanCodeOption} from '@/uni_modules/lime-scan';
export default {
data() {
return {
type: '',
result: '',
}
},
methods:{
scan() {
scanCode({
success: (res)=> {
this.result = res.result
console.log('res', res.scanType)
}
} as ScanCodeOption)
}
}
}
生成二维码
仅APP端支持(ios、安卓)
import { createQRCode, CreateQRCodeOptions } from '@/uni_modules/lime-scan';
createQRCode({
width: 300,
height:300,
content: 'limeui.qcoon.cn',
success(src: string) {
qrcode.value = src
}
} as CreateQRCodeOptions)
H5端使用
H5端使用了@zxing/library
实现,这个库识别率一般般,可以扫二维码,条形码。
- 1、移动端访问摄像头权限需要 https 协议
- 2、上传图片解码 带logo的码 识别不了,扫码可以。
由于需要https
协议, 本地开发时, vite 可以安装@vitejs/plugin-basic-ssl
并配置https
协议
pnpm i @vitejs/plugin-basic-ssl -D
vite.config.ts中配置
import basicSsl from '@vitejs/plugin-basic-ssl'
import uni from '@dcloudio/vite-plugin-uni';
import { defineConfig } from 'vite';
export default defineConfig({
server: {
https: true
},
plugins: [ basicSsl(), uni()]
})
<!-- manifest.json
```js
{
"h5" : {
"devServer": {
"https": true
}
}
}
``` -->