master

分支 (1)

管理

管理

master

sport_mall_web
/
pay.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>支付页面Payment</title>
		<link rel="stylesheet" href="css/head_top_footer.css" />
		<link rel="stylesheet" href="css/payment.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/hk库.js"></script>
		<script src="js/pay.js"></script>
		<script src="js/pay2.js"></script>
		<script>
			$(function(){
				// 公共部分
				$('.header').load('head.html');
				$('.footer').load('footer.html');
			});
		</script>
	</head>
	<body>
		<!--头部-->
		<div class="header"></div>

		    <!--订单提交成功-->
		    <div id="Order_Success">
		        <div class="Order_Success1">
		            <p>订单提交成功，请尽快付款！订单号：<span id="orderNo"></span></p>
		            <p>请您在<span>24小时</span>内完成支付，否则订单会被自动取消（库存紧俏订单请参见详情页时限）</p>
		        </div>
		        <div class="Order_Success2">
		            <p>
		                <span>应付总额：,</span>
		                <span>￥<span id="shouldPrice"></span></span>
		            </p>
		            <!-- <a href="#">
		                <p>
		                    订单详情
		                </p>
		            </a> -->

		        </div>
		    </div>

		    <!--选择支付方式-->
		    <div id="payment_mode1">
		        <div class="payment_opt">
		            <span>支付方式选择</span>
		        </div>

		        <div class="add_bank_card">
		            <p>请添加银行卡用于支付-安全快捷</p>
		            <p>
		                <span>· 最低减3元</span>
		                <span>· 支付安全可靠</span>
		            </p>
		        </div>
		        <!--选择银行卡-->
		        <div class="bank_card">
		            <ul>
		                <li>
		                    <input type="radio" name="bankCard" >
		                </li>
		                <li>
		                    <input type="radio" name="bankCard">
		                </li>
		                <li>
		                    <input type="radio" name="bankCard">
		                </li>


		                <li>
		                    <input type="radio" name="bankCard">
		                </li>
		                <li>
		                    <input type="radio" name="bankCard">
		                </li>
		                <li>
		                    <input type="radio" name="bankCard">
		                </li>


		                <li>
		                    <input type="radio" name="bankCard">
		                </li>
		                <li>
		                    <input type="radio" name="bankCard">
		                </li>
		                <li>
		                    <input type="radio" name="bankCard">
		                </li>


		                <li>
		                    <input type="radio" name="bankCard">
		                </li>
		                <li>
		                    <input type="radio" name="bankCard">
		                </li>
		                <li>
		                    <input type="radio" name="bankCard">
		                </li>
		            </ul>
		        </div>
		        <!--展开-->
		        <div class="open_card">
		            <span>展开全部 ∨</span>
		        </div>

		        <div class="network_pay">
		            <input type="radio" name="bankCard">
		        </div>
		    </div>

		    <!--网银支付方式-->
		    <div class="payment_mode2">
		        <div>
		            <div>
		                <input type="radio" name="netPay" disabled>
		            </div>
		            <div>
		                <input type="radio" name="netPay" disabled>
		            </div>
		            <div>
		                <input type="radio" name="netPay" disabled>
		            </div>
		            <div>
		                <input type="radio" name="netPay" disabled>
		            </div>
		        </div>
		    </div>

		    <!--确认支付-->
		    <div class="confirm_pay">
		        <div class="all_money">
		            <span>总金额：<span id="totalPriceBottom"></span>元</span>
		            <div class="network_safe">
		                <img src="img/pay_all/success.png" alt="">
		                您的网络环境检测安全，请放心使用
		            </div>
		        </div>
		        <div class="pay_pass">
		            <span>支付密码:</span>
		            <div  class="pwdWord">
		                <input type="text" maxlength="1">
		                <input type="text" maxlength="1">
		                <input type="text" maxlength="1">
		                <input type="text" maxlength="1">
		                <input type="text" maxlength="1">
						<input type="text" maxlength="1">
		            </div>

		        </div>
		        <div class="con_forget">
		            <p>忘记密码?</p>
		            <a href="支付成功payment_Success.html">
		                <input type="button" value="确认支付">
		            </a>

		        </div>
		    </div>


		<!--底部-->
		<div class="footer"></div>
	</body>
</html>