二维码扫描

需要加载的模块

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

eeui.openScaner

二维码扫描页面

预览效果

二维码扫描 - 图1

  1. /**
  2. * @param params 详细参数
  3. * @param callback 回调事件
  4. */
  5. eeui.openScaner({params}, callback(result))

示例代码

  1. <template>
  2. <div class="app">
  3. <text class="button" @click="openScaner">打开二维码扫描</text>
  4. </div>
  5. </template>
  6. <style>
  7. .app {
  8. flex: 1;
  9. justify-content: center;
  10. align-items: center;
  11. }
  12. .button {
  13. text-align: center;
  14. margin-top: 20px;
  15. padding-top: 20px;
  16. padding-bottom: 20px;
  17. padding-left: 30px;
  18. padding-right: 30px;
  19. color: #ffffff;
  20. background-color: #00B4FF;
  21. }
  22. </style>
  23. <script>
  24. const eeui = app.requireModule('eeui');
  25. export default {
  26. methods: {
  27. openScaner() {
  28. eeui.openScaner({}, (res)=>{
  29. switch (res.status) {
  30. case "success":
  31. eeui.toast("识别成功:" + res.text);
  32. break;
  33. case "error":
  34. eeui.toast("识别失败");
  35. break;
  36. }
  37. });
  38. },
  39. }
  40. };
  41. </script>

params 参数说明

属性名 类型 必须 描述 默认值
title String - 扫码页面标题 -
desc String - 扫码页面描述文字 -
continuous Boolean - 是否连续扫码 false

callback 回调result说明

  1. {
  2. pageName: '页面名称',
  3. status: 'create', //状态,详见:注①
  4. //status=success
  5. source: 'photo', //扫码识别来源,photo:照片、camera:相机
  6. result: { ... }, //扫码识别详细数据
  7. format: 'CODE_128', //扫码识别的类型
  8. text: 'http://...', //扫码识别内容
  9. //status=error
  10. source: 'photo', //扫码失败来源,photo:照片、camera:相机
  11. }

注①:

  • create页面创建完毕
  • destroy页面已销毁
  • success扫码识别成功
  • error扫码识别失败
  • openLight打开闪光灯
  • offLight关闭闪光灯

简单示例

  1. //示例①
  2. eeui.openScaner({}, function(result) {
  3. //......
  4. });
  5. //示例②
  6. eeui.openScaner({
  7. desc: '二维码/条码',
  8. desc: '对准中间就开始扫吧',
  9. }, function(result) {
  10. //......
  11. });