EEUI.APP EEUI.APP 首页 文档 - 指南 - 组件 - 模块 插件 - 插件市场 - 开发文档 热更新 控制台 Editor 例子 社区 GitHub 首页 文档 - 指南 - 组件 - 模块 插件 - 插件市场 - 开发文档 热更新 控制台 Editor 例子 社区 GitHub - 模块 - adDialog广告弹窗 - ajax异步请求 - alert对话框 - caches缓存管理 - captcha验证弹窗 - keyboard键盘功能 - loading等待动画 - navigationBar标题栏 - navigator路由功能 - newPage页面功能 - openOtherApp打开其他APP - plate复制粘贴 - saveImage保存图片 - getImageSize图片尺寸 - scaner二维码扫描 - eeui.openScaner - share文字图片分享 - storage数据储存 - system系统信息 - toast提示功能 - version版本相关 - weex模块 - animation - clipboard - dom - globalEvent - meta - modal - picker - storage - stream - webview
    # # 二维码扫描

    需要加载的模块

    1. const eeui = app.requireModule('eeui');
    ## # eeui.openScaner

    二维码扫描页面

    ### # 预览效果 # 二维码扫描 - 图4 
    1. /*
    2.   @param params    详细参数
    3.   @param callback  回调事件
    4.  /
    5. eeui.openScaner({params}, callback(result))
    ### # 示例代码 
    1. <template>
    2.     <div class="app">
    4.         <text class="button" @click="openScaner">打开二维码扫描</text>
    6.     </div>
    7. </template>
    9. <style>
    10.     .app {
    11.         flex: 1;
    12.         justify-content: center;
    13.         align-items: center;
    14.     }
    15.     .button {
    16.         text-align: center;
    17.         margin-top: 20px;
    18.         padding-top: 20px;
    19.         padding-bottom: 20px;
    20.         padding-left: 30px;
    21.         padding-right: 30px;
    22.         color: #ffffff;
    23.         background-color: #00B4FF;
    24.     }
    25. </style>
    27. <script>
    28.     const eeui = app.requireModule('eeui');
    30.     export default {
    31.         methods: {
    32.             openScaner() {
    33.                 eeui.openScaner({}, (res)=>{
    34.                     switch (res.status) {
    35.                         case "success":
    36.                             eeui.toast("识别成功：" + res.text);
    37.                             break;
    39.                         case "error":
    40.                             eeui.toast("识别失败");
    41.                             break;
    42.                     }
    43.                 });
    44.             },
    45.         }
    46.     };
    47. </script>
    ### # params 参数说明
    属性名 类型 必须 描述 默认值
    title String - 扫码页面标题 -
    desc String - 扫码页面描述文字 -
    continuous Boolean - 是否连续扫码 false
    ### # callback 回调result说明 
    1. {
    2.     pageName: '页面名称',
    3.     status: 'create',   //状态，详见：注①
    5.     //status=success
    6.     source: 'photo',    //扫码识别来源，photo：照片、camera：相机
    7.     result: { … },    //扫码识别详细数据
    8.     format: 'CODE_128', //扫码识别的类型
    9.     text: 'http://...&#39;, //扫码识别内容
    11.     //status=error
    12.     source: 'photo',    //扫码失败来源，photo：照片、camera：相机
    13. }

    注①：

    - create页面创建完毕 - destroy页面已销毁 - success扫码识别成功 - error扫码识别失败 - openLight打开闪光灯 - offLight关闭闪光灯 ### # 简单示例 
    1. //示例①
    2. eeui.openScaner({}, function(result) {
    3.     //……
    4. });
    6. //示例②
    7. eeui.openScaner({
    8.     desc: '二维码/条码',
    9.     desc: '对准中间就开始扫吧',
    10. }, function(result) {
    11.     //……
    12. });
    在 GitHub 上编辑此页

    最后一次更新: 3/4/2020, 5:41:41 PM

    ← getImageSize share →