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>