uniApp实现二维码带中间logo图(uQRCode插件)

需求：

在页面内制作一个二维码，中间带一个公司的logo图，用户扫一扫在我们app注册。我们公司是在app里面的页面使用，其他的应该也是可以的。

使用的插件：

我使用的是uniapp插件市场的一个插件，比较不错
插件链接

首先我来说这个插件最简单的使用，中间不带logo图的使用

1. 首先先下载他的压缩包
   
2. 解压后是一个js文件（uqrcode.js）
   把这个js放在一个文件里，文件名字随便取，我是取js的名字（uqrcode），然后放在自己的项目中。
   不带logo的很好做的，插件官网链接里面有步骤，一步一步的复制就可以出来，下面也有用法的解释。make()里面有三种方法(回调方式，Promise，同步等待)，我建议用Promise的方法，不带logo的方法我就不多说，安装官网一步一步做就可以了

我们主要说中间带logo图的二维码

1. 首先我们直接把实例项目在我们的HBuilder X打开
   
   
2. 我们到底需要这两个文件里面哪些代码呢？
   1. 首先我需要qrcode文件的qrcode.vue的type=4这行代码，和下面这些代码，放在自己需要展示二维码的页面上
   首先引入组件，注册组件，使用组件，函数要写，图片放在第一个图片的logo里面
   其他的不用复制
   
   2. 第二步我们再把uni-qrcode文件都复制，这些都不要
      
      二维码大小
      

说到这个应该就可以实现了，下面是的我文件的结构目录

我是放在components文件里面

我把组件和js放在一个文件下，方便我找

最后我在说一个注意的事项
uni-qrcode.vue这个不要去改它