demo.html
1.18 KB
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
<div id="qrcode" class="page out" data-title="二维码插件">
<div id="qrcode-header"></div>
<div id="qrcode-a"></div>
</div>
<script>
require(["NavHeader", "QRCode"], function(NavHeader, QRCode) {
var _u = require("mUtil");
var hasClsPicker = typeof clsPicker !== "undefined";
if(!hasClsPicker) {
new NavHeader({
el: "qrcode-header",
option: {
title:"二维码插件",
smallTitle:"qrcode",
btns : [{
text : "扫一扫",
click : function(){
alert("扫一扫功能正在开发中,敬请期待!");
}
}]
}
}).render();
}
new QRCode({
el: "qrcode-a",
option: {//除content必填外,其他为可选
content : "http://e8pc.e-cology.com.cn/mobilemode/apps/a.html",
width : 256,
height : 256,
logo : "/mobilemode/mobile/demo/plugin/QRCode/logo.png",
logoWidth : 60,
logoHeight : 40
}
}).render().then(function() {
if (!hasClsPicker) return;
_u.vetically("#qrcode-a");
clsPicker.golalSetting({
container: ".wev-comp-QRCode",
type: "QRCode"
});
setTimeout(() => {
new clsPicker({
selector: ".wev-comp-QRCode",
lineYSkew: 20,
skew: [4, ""],
height: 100
});
}, 100);
});
});
</script>