1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
| <!DOCTYPE html>
| <html>
| <head>
| <meta charset="utf-8" />
| <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
| <meta name="HandheldFriendly" content="true" />
| <meta name="MobileOptimized" content="320" />
| <title>自定义扫码</title>
| <link rel="stylesheet" href="./css/common.css" type="text/css" charset="utf-8" />
| <script type="text/javascript" src="./js/common.js"></script>
| <style type="text/css">
| #bcid {
| width: 100%;
| position: fixed;
| top: 0px;
| bottom: 0px;
| text-align: center;
| }
|
| .tip {
| color: #FFFFFF;
| font-weight: bold;
| text-shadow: 0px -1px #103E5C;
| }
| </style>
|
| <script type="text/javascript">
| var ws = null;
| var scan = null;
| // H5 plus事件处理
| function plusReady() {
| // 获取窗口对象
| ws = plus.webview.currentWebview();
| nv = ws.getTitleNView();
| // 开始扫描
| ws.addEventListener('show', function() {
| scan = new plus.barcode.Barcode('bcid', [plus.barcode.QR, plus.barcode.EAN8, plus.barcode.EAN13], {
| frameColor: '#009DE2',
| scanbarColor: '#009DE2',
| });
| scan.onmarked = onmarked;
| scan.start({
| conserve: true,
| filename: '_doc/barcode/'
| });
| createSubview();
| }, false);
| // 显示页面并关闭等待框
| ws.show('pop-in');
| }
| document.addEventListener('plusready', plusReady, false);
|
| // 二维码扫描成功
| function onmarked(type, result, file) {
| switch (type) {
| case plus.barcode.QR:
| type = 'QR';
| break;
| case plus.barcode.EAN13:
| type = 'EAN13';
| break;
| case plus.barcode.EAN8:
| type = 'EAN8';
| break;
| default:
| type = '其它' + type;
| break;
| }
| result = result.replace(/\r\n/g, '');
| ws.opener().evalJS("scaned('" + type + "','" + result + "','" + file + "');");
| back();
| }
| // 创建子窗口
| var view = null;
|
| function createSubview() {
| view = new plus.nativeObj.View('nbutton', {
| bottom: '28%',
| left: '30%',
| width: '40%',
| height: '44px'
| }, [{
| tag: 'font',
| id: 'text',
| text: '请扫描二维码',
| textStyles: {
| color: '#FFFFFF'
| }
| }]);
| ws.append(view);
| }
| </script>
|
| </head>
| <body style="background-color:#000000;">
| <div id="bcid">
| <div style="height:40%"></div>
| <p class="tip">...载入中...</p>
| </div>
| </body>
| </html>
|
|
