我们拿详情页面来做例子
1、下载JsBarcode.js
和qrcode.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>
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() });});
:grin: 欢迎小伙伴们优化!:grin:
希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。