34 lines
1.2 KiB
HTML
34 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>okBarcode</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<link rel="stylesheet" href="../../css/oksub.css">
|
|
</head>
|
|
<body>
|
|
<div class="ok-body">
|
|
<div id="barcode"></div>
|
|
</div>
|
|
<!--js逻辑-->
|
|
<script src="../../lib/layui/layui.js"></script>
|
|
<script>
|
|
layui.use(["okBarcode"], function () {
|
|
let $ = layui.jquery;
|
|
$("#barcode").barcode("153510264086cc8e", "code128", {
|
|
output: 'css', //渲染方式 css/bmp/svg/canvas
|
|
//bgColor: '#ff0000', //条码背景颜色
|
|
//color: '#00ff00', //条码颜色
|
|
barWidth: 1, //单条条码宽度
|
|
barHeight: 30, //单体条码高度
|
|
// moduleSize: 10, //条码大小
|
|
// posX: 10, //条码坐标X
|
|
// posY: 5, //条码坐标Y
|
|
showHRI: true, //是否在条码下方显示内容
|
|
addQuietZone: false //是否添加空白区(内边距)
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|