demo.html 1.18 KB
<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>