HBuilder h5+app 扫描功能实现升级版 做成vue组件形式

在使用的页面中通过组件的形式引入

1、下面是测试代码，需在手机或者模拟器中才能看到效果

<template>
<hz-scan style="position: absolute;right: .2rem;top: 0.1rem" @scan="scanEvent"/>
</template>
<script>
import hzScan from './hzscan'
export default {
  components: {hzScan},
   methods:{
    scanEvent(data){
      this.$toast('扫描结果：'+data);
    },
}
</script>

2、组件代码， 

<template>
  <div class="scan-box">
    <img src="../../assets/img/qr_icon.png" @click="scanningQRCode"/>
    <div class="scan" v-if="dateBoxFlag">
      <div id="bcid"></div>
    </div>
  </div>
</template>

<script type='text/ecmascript-6'>
  let scan = null,view = null,view1 = null;
  export default {
    data