支付宝支付页面

支付宝支付页面参考代码
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>支付宝支付页面</title>
<script src="../js/plugins/jquery.min.js"></script>
<script src="../js/plugins/jquery-qrcode.min.js"></script>

<style>
* {
	padding: 0;
	margin: 0;
}

body {
	font-family: "宋体", Arial;
	font-size: 12px;
	text-align: left;
	background: #ececec;
	color: #878787;
	padding: 0px;
	margin: 0px;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 0;
	visibility: hidden;
	line-height: 0;
}

.top_box {
	background: #3366ff;
	height: 103px;
}

.in_box {
	width: 800px;
	height: 500px;
	margin: 0 auto;
	background: #fff;
	margin-top: -50px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.con_1 {
	background: #dcefff;
	height: 50px;
	-webkit-border-radius: 5px;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px;
}

.con_list {
	padding: 30px 20px 40px 20px;
}

.con_list ul li {
	float: left;
	width: 350px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: dotted 1px #cecece;
	height: 58px;
	line-height: 58px;
	font-size: 16px;
	color: #3f3f3f;
	overflow: hidden;
}

.spanyellpw {
	color: #ff6600;
}

.spansize-24 {
	font-size: 24px;
	font-weight: bold;
}
</style>
</head>
<body>
	<div class="top_box"></div>
	<div class="in_box">
		<div class="con_1"></div>
		<div class="con_list">
			<ul>
				<li>订单号：FC15076113483271</li>
				<li>支付方式： <span class="spanyellpw">支付宝支付</span></li>
				<li>订单时间： 2017-10-10 12:55:49</li>
				<li>金额： <span class="spanyellpw spansize-24">58.0 元</span></li>
			</ul>
			<div class="clear"></div>
		</div>
		<div align="center" id="qrcode">
			<p id="hint">请使用支付宝“扫一扫”扫描二维码完成支付</p>
			<div>
			<div id="qrcode"></div>			
			
			</div>
		</div>
	</div>
	<script type="text/javascript">
	$(document).ready(function() {
	    $('#qrcode').qrcode({width: 120,height: 120, text: "https://qr.alipay.com/bax07827ffznwvktc0gn"});
	});
	

	</script>
</body>
</html>
猜你喜欢
