<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<th:block th:include="include :: header('双预防安卓版下载二维码')"/>
|
<style>
|
#qrCodeDiv {
|
width: 300px;
|
margin: auto;
|
margin-top: 50px;
|
margin-bottom: 50px;
|
}
|
|
#qrCodeDiv #jqprint {
|
float: left;
|
font-size: 16px;
|
}
|
|
#qrCodeDiv #download {
|
float: right;
|
font-size: 16px;
|
}
|
|
#qrCodeDiv #title {
|
text-align: center;
|
font-size: 20px;
|
}
|
|
</style>
|
|
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content">
|
<div id="qrCodeDiv">
|
<a href="javascript:void(0)" target="_blank" id="download">导出</a>
|
<a href="javascript:void(0)" id="jqprint">打印</a><br/><br/><br/>
|
<div id="showPicDiv">
|
<style media="print">
|
@page {
|
size: auto;
|
margin: 0mm;
|
}
|
|
#showPicDiv {
|
width: 300px;
|
margin: auto;
|
padding-top: 200px;
|
padding-bottom: 50px;
|
}
|
|
#title {
|
text-align: center;
|
font-size: 20px;
|
}
|
</style>
|
<div id="title">双预防安卓版下载二维码</div>
|
<img src="" alt="双预防安卓版下载二维码" id="showPic"/>
|
</div>
|
</div>
|
</div>
|
<th:block th:include="include :: footer"/>
|
<script th:src="@{/ajax/libs/jQuery-jqprint/jquery-migrate-1.2.1.min.js}"></script>
|
<script th:src="@{/ajax/libs/jQuery-jqprint/jquery.jqprint-0.3.js}"></script>
|
<script>
|
$(function () {
|
$("#showPic").attr("src", "/androidQrCode/showPic");
|
$("#download").attr("href", "/androidQrCode/downLoad");
|
$("#jqprint").click(function () {
|
$("#showPicDiv").jqprint({
|
debug: false, //如果是true则可以显示iframe查看效果（iframe默认高和宽都很小，可以再源码中调大），默认是false
|
importCSS: true, //true表示引进原来的页面的css，默认是true。（如果是true，先会找$("link[media=print]")，若没有会去找$("link")中的css文件）
|
printContainer: true, //表示如果原来选择的对象必须被纳入打印（注意：设置为false可能会打破你的CSS规则）。
|
operaSupport: true//表示如果插件也必须支持歌opera浏览器，在这种情况下，它提供了建立一个临时的打印选项卡。默认是true
|
});
|
});
|
});
|
</script>
|
</body>
|
</html>
|
