今天接一个需求要展示优惠券码的条形码和二维码,这里用的是JsBarcode(条形码)qrcode(二维码)
首先需要引入相关JS文件,如下
<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jsbarcode/3.11.0/JsBarcode.all.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
下面是body部分代码,自动忽略样式部分…
<div class="page">
<div class="container">
<!--顶部-->
<div class="top">
<span class="card-name">请向收银员出示优惠券码</span>
</div>
<!--条码-->
<div class="barcode-container">
<img id="barcode"/>
<span>{$couponcode}</span>
<