更新记录
1.0.0(2021-06-28)
1、适用于微信小程序的多次扫码模式和拍照模式,其他平台尚未测试,如有需要可以根据代码思路去兼容
2、组件代码中还有根据业务需求开发的代码,可以根据自己的业务需要修改去掉
平台兼容性
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
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
1、适用于微信小程序的多次扫码模式和拍照模式,其他平台尚未测试,如有需要可以根据代码思路去兼容
2、组件代码中还有根据业务需求开发的代码,可以根据自己的业务需要修改去掉
参数介绍
- scanMode:type:String(normal:代表照相模式,scanCode:代表扫码模式,注意微信暂不支持扫描小程序码,不要问为什么,微信功能是这样)
- scanTip:type: Number,扫码成功用是否用震动来提示(1:表示震动模式,2:表示mp3模式)
- scanCameraWid:type: String,相机的宽度
- scanCameraHei:type: String,相机的高度
例子
<template>
<view><kingScan scanMode="scanCode"></kingScan></view>
</template>
<script>
import kingScan from '@/components/king-scan/king-scan.vue';
export default {
components: {
kingScan
},
data() {
return {};
},
methods: {
}
};
<style lang="scss"></style>
> 写到最后
> 新手上路,请勿见怪
> 创作不易,好用请点个赞吧!