weex-xc-scanner(Test)

一款二维码扫码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>

API

weex-scanner 属性

| 属性 | 类型 | Demo | 描述 | | ------------- |:-------------:| -----:|----------:| | borderColor | string | #FFF0 | 边框颜色 | | cornerColor | string | #FFF0 | 边角颜色 | | cornerWidth | float | 3.5px | 边角宽度 | | backgroundAlpha | float| 0.5 | 扫描区周边透明度 |

weex-scanner 事件

DidFinishScan 扫描完成后触发该事件 事件格式

{
    status:"success",result:"HTTPS://QR.ALIPAY.COM/FKX01107IZ4BXSODGROX3A"
}

weex-xc-scanner 模块

openFlashlight

• 打开闪光灯

closeFlashlight

• 关闭闪光灯

使用 weex-xc-scanner 模块

<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>