wepy条形码、二维码插件的使用

timg4.jpg

---

刚接触小程序就让我一个人写项目 遇到各式各样的坑...改来改去的需求
这次又遇到了让前端生成加密二维码以及条形码的付款码
加密算法暂时还没出来 那就上github上找轮子吧.. 最终确定用wxbarcode来做

首先先安装轮子

$ npm install wxbarcode

由于wepy安装的node_module在build的时候不会加入dist
所以我们要手动的把安装在node_module的文件夹复制到dist-npm下

复制的时候请关闭小程序编辑器 并且停止运行项目
注意!!!
这个时候如果console报错 app.js page没有找到之类的 看看命令行工具是否有报错
如果你修改页面 页面没有刷新也是同样的问题.. 有时候删除dist 重新 跑项目能解决

---

//wpy template
<canvas canvas-id="barcode" />
<canvas canvas-id="qrcode" />
//id固定 可以自己添加class

//在需要使用的页面引入
import wxbarcode from 'wxbarcode'

//使用
wxbarcode.barcode('barcode', '3243242132312', 680, 200);

四个参数分别为 canvas-id-code-width-height
宽高的单位为rpx

项目地址https://github.com/alsey/wxbarcode;

_

例如 1234567 会扫码出来的结果为 1234567_
目前还不知道为什么 大家在使用的时候最好生成条形码的数字为偶数