更新记录
1.0.2(2019-11-11) 下载此版本
修改安卓真机不能自动扫码问题
1.0.0(2019-11-09) 下载此版本
添加二维码、条形码扫码自定义
平台兼容性
uni-app
app-vue | app-nvue | app-android | app-ios |
---|---|---|---|
? | ? | ? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | 钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
快应用-华为 | 快应用-联盟 |
---|---|
? | ? |
uni-app x
app-android | app-ios |
---|---|
? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
uni-app二维码、条形码扫码自定义
插件预览图
使用教程
1.插件代码拷贝
- 下载后把components目录下scan.vue文件拷贝到自己项目目录下
2.插件全局配置
- 在项目里main.js中配置如下代码
import scan from './components/scan.vue'
Vue.component('scan',scan)
3.插件使用
- vue页面使用
<template>
<view>
<scan @getCode="getScanCode"/>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
//获取扫码控件
getScanCode(val){
console.log(val)
},
}
}
</script>
<style>
</style>
注意事项(特别是不懂原生app开发者)
1.manifest.json文件查看是否添加了相机权限,如下: "<uses-permission android:name=\"android.permission.CAMERA\"/>"
否则安卓机会出现没有相机权限。这是创建新项目时某些版本没有自动添加安卓相机权限
兼容性
uni-app项目ios、android都兼容