cordova+vue使用插件cordova-plugin-qrscanner自定义扫码页面

原文地址声明：https://blog.csdn.net/qq_23179075/article/details/99627909

预览效果：

cordova-plugin-qrscanner 的使用方式可以自己到github上阅读文档，这里主要贴上 Vue 自定义页面的代码。

<template>
  <div>
    <div class="header">
      <x-header class="x-header" slot="header" :left-options="{backText:'返回'}"
                :title="title">
      </x-header>
    </div>
    <div class="scroll-container scan-container">
      <div class="scan-none-1"></div>
      <div class="scan-box-container">
        <div class="scan-none-2"></div>
        <div class="scan-box">
          <div class="scan-box-area">
            <div class="top-left"></div>
            <div class="top-right"></div>
            <div class="bottom-left"></div>
            <div class="bottom-right"></div>
            <div class="light" @click="onLightTrigger">
              <i :class