一款二维码扫码weex插件,当前版本支持组件基础及模块集成。
使用方法
//install
npm install weex-xc-scanner
weexpack plugin add ./node_modules/weex-xc-scanner
//uninstall
weexpack plugin remove weex-xc-scanner
编辑你的weex文件
<template>
<weex-scanner class="scanner-page" borderColor="#FbF" cornerColor="#FbF" ></weex-scanner>
</template>
<style>
.scanner-page{
height: 1200px;
width: 750px;
}
</style>
属性 | 类型 | Demo | 描述 |
---|---|---|---|
borderColor | string | #FFF0 | 边框颜色 |
cornerColor | string | #FFF0 | 边角颜色 |
cornerWidth | float | 3.5px | 边角宽度 |
backgroundAlpha | float | 0.5 | 扫描区周边透明度 |
DidFinishScan 扫描完成后触发该事件 事件格式
{
status:"success",result:"HTTPS://QR.ALIPAY.COM/FKX01107IZ4BXSODGROX3A"
}
- 打开闪光灯
- 关闭闪光灯
<template>
<div>
<text @click="openFlash">打开闪光灯</text>
<text @click="closeFlash">关闭闪光灯</text>
</div>
</template>
<script>
const scanner = weex.requireModule("weex-xc-scanner");
export default {
methods:{
openFlash(){
scanner.openFlashlight();
},
closeFlash(){
scanner.closeFlashlight();
}
}
}
</script>