uniapp_扫一扫组件（摄像头实时扫描二维码，可切换前置、后置摄像头）

功能

1. 支持通过摄像头实时扫描二维码，可切换前置、后置摄像头，扫描成功或失败有相应提示及事件触发。
2. 能选择本地图片进行二维码扫描，同样有对应成功、失败反馈。
3. 界面有关闭、切换摄像头、选择相册等交互按钮。

知识点

1. 组件使用：在HTML中引入组件，绑定相关自定义事件，布局界面元素并设置样式，含动画效果展示。
2. 组件实现：
   • 引入Html5Qrcode等库，在data中定义相关数据。
   • 利用生命周期钩子做初始化、销毁等操作。
   • 实现多个方法，如获取摄像头、关闭组件、切换摄像头、启动/停止扫描、使用本地图片扫描及对应扫描结果处理等方法。

• 使用

•         <BarScan
              v-if="qrcodeShow"
              ref="qrcode"
              @ok="getResult"     
              @err="geterror"
              @close="qrcodeShow = false"
          ></BarScan>
  

• 组件源码

• <template>
      <div class="qrcode">
          <div class="close" @click="closeComponents">
              <img src="@/static/取消.svg" alt="" style="height:20px">
          </div>
          <rjLoad v-if="!loaded" style='z-index: 99999;'></rjLoad>
          <div id="reader" style="height: 100vh;width:100%;"></div>
          <!-- 使用本地图片或者切换摄像头 -->
          <div class="switch">
              <div class="switch-item" @click="switchCamera">
                  <div class="img-box">
                      <img src="@/static/切换.svg" alt="">