FAST - 生成条码/二维码

我们拿详情页面来做例子
1、下载JsBarcode.jsqrcode.Js
2、在详情页面拿到你要生成条码的值
3、获取要生成条码/二维码的值放入input隐藏域里面

    条码
    <input type="hidden" id="barcode_src" value="{$row.order_code}">
    二维码
    <input type="hidden" id="qrcode_src" value="{$row.order_code}">

4、<svg></svg>标签来显示条码,<div></div>标签来显示二维码

    条码
    <svg id="barcode"></svg>
    二维码
    <div id="qrcode"></div>

image.png

5、在对应的js里面的detail: function ()方法里面加上

require.config({
    paths : {
        "jsBarcode" : ["/x/x/JsBarcode"],
        "qrcode" : ["/x/x/qrcode"],
    }
});
require(["jsBarcode","qrcode"], function (JsBarcode,Qrcode){
    $("#barcode").JsBarcode($("#barcode_src").val());
    $("#qrcode").qrcode({
        render: "canvas",
        width: 200,
        height: 200,
        text: $("#qrcode_src").val()
    });
});

QQ截图20181116155910.png
QQ截图20181116155955.png
qrcode使用方法

                                            :grin:  欢迎小伙伴们优化!:grin:
12 条评论

发布
问题