mui实现二维码扫描功能

89 阅读 0 评论 59 点赞

我是靠谱客的博主灵巧羽毛，最近开发中收集的这篇文章主要介绍mui实现二维码扫描功能，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<body onload="img=document.getElementById('bimg')">
<header id="header" class="mui-bar-nav">
<div class="nvbt iback" onclick="back()"></div>
<div class="nvtt">原材料领用</div>
</header>
<div class="mui-content">
<div style="padding: 8px;text-align: left;font-size: 12px;">
<table class="PlanH">
<tr>
<td>选择日期:</td>
<td>
<input id='pickDateBtn' class="mui-btn" type="button" style="width: 220px;">
</td>
</tr>
<tr>
<td>单据号:</td>
<td> <button id='showUserPicker' class="mui-btn mui-btn-block" style="width: 220px;" type='button'>选择单据号</button>
</td>
</tr>
</table>
</div>
<div id='userResult' class="ui-alert"></div>
<div class="mui-input-row mui-checkbox mui-left" style="font-size: 14px;">
<label>整车出库</label>
<input name="checkbox" id="cktype" type="checkbox">
</div>
<ul id="unclist" class="mui-table-view" style="text-align:left;">
</ul>
<!--<br/>
<img style="width:40%" id="bimg" src="../img/barcode.png" />
<br/>-->
<div class="button" onclick="clicked('barcode_scan.html',true,true)">扫一扫</div>
<div class="button button-waring" onclick="DelXZ()">删除记录</div>
<div class="button button-waring" id="btsend"
onclick="btnSave()">确定</div>
<div id="CkSum"></div>
<div style="text-align:center;">
<ul id="history" class="dlist">
<li id="nohistory" class="ditem">无历史记录 </li>
</ul>
</div>
<br />
</div>
<div id="output" style="display: none;">
</div>
</body>