You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
4.5 KiB
HTML
118 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>银行卡快捷支付</title>
|
|
<script src="__JS__/shortcut/jquery-1.11.3.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/shortcut/reset.css" />
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/shortcut/bank_short.css" />
|
|
</head>
|
|
<body>
|
|
<div class="bank_short ">
|
|
<div class="heard">
|
|
<div class="heard_box">
|
|
<a href=""></a>
|
|
银行卡快捷支付
|
|
</div>
|
|
</div>
|
|
<div class="containner">
|
|
<div class="containner_box">
|
|
<div class="containner_text">
|
|
<div class="price">￥{$price}</div>
|
|
<div class="price_del">付款给万盟天下游戏平台</div>
|
|
<div class="price_input">
|
|
<img src="" alt="">
|
|
<input type="text" placeholder="请输入银行卡号码">
|
|
</div>
|
|
</div>
|
|
<div class="containner_order">
|
|
<div class="title">订单详情</div>
|
|
<div class="order_content">
|
|
<span>商品名称：</span>
|
|
<span>游戏充值</span>
|
|
</div>
|
|
<div class="order_content">
|
|
<span>订单编号：</span>
|
|
<span>{$order_id}</span>
|
|
</div>
|
|
</div>
|
|
<div class="border"></div>
|
|
<div class="containner_img">
|
|
<i class='fa-angle-down'></i>
|
|
<i class='fa-angle-up hidden'></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="foot_btn step2" data-url="{:U('Shortcut/yee_step2', array('user_id'=>I('user_id'),'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>1,'extend'=>I('extend'),'api_ver'=>2))}">下一步</div>
|
|
</div>
|
|
|
|
<!-- 横屏 -->
|
|
<div class="bank_short_heng ">
|
|
<div class="heard">
|
|
<div class="heard_box">
|
|
<a href=""></a>
|
|
银行卡快捷支付
|
|
</div>
|
|
</div>
|
|
<div class="containner">
|
|
<div class="containner_box">
|
|
<div class="containner_text">
|
|
<div class="price">￥{$price}</div>
|
|
<div class="price_del">付款给万盟天下游戏平台</div>
|
|
<div class="price_input">
|
|
<img src="" alt="">
|
|
<input id="card_no" type="text" placeholder="请输入银行卡号码">
|
|
</div>
|
|
</div>
|
|
<div class="containner_order">
|
|
<div class="title">订单详情</div>
|
|
<div class="order_content">
|
|
<span>商品名称：</span>
|
|
<span>游戏充值</span>
|
|
</div>
|
|
<div class="order_content">
|
|
<span>订单编号：</span>
|
|
<span>{$order_id}</span>
|
|
</div>
|
|
</div>
|
|
<div class="border"></div>
|
|
<div class="containner_img">
|
|
<i class='fa-angle-down'></i>
|
|
<i class='fa-angle-up hidden'></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="foot_btn step2" data-url="{:U('Shortcut/yee_step2', array('user_id'=>I('user_id'),'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>1,'extend'=>I('extend'),'api_ver'=>2))}">下一步</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script>
|
|
$(function() {
|
|
$('.containner_img').click(function(ev){
|
|
$(this).children('.fa-angle-down').toggleClass('hidden');
|
|
$(this).children('.fa-angle-up').toggleClass('hidden');
|
|
$(".containner_order").toggle();
|
|
});
|
|
|
|
$('.step2').click(function(){
|
|
$("#card_no").val();
|
|
window.location.href = $(this).data('url');
|
|
});
|
|
});
|
|
</script>
|
|
<script type="text/javascript">
|
|
var evt = "onorientationchange" in window ? "orientationchange" : "resize";
|
|
window.addEventListener(evt,resize,false);
|
|
function resize(fals) {
|
|
if(window.orientation == 0 || window.orientation == 180) {
|
|
$(".bank_short").show();
|
|
$(".bank_short_heng").hide();
|
|
}else {
|
|
$(".bank_short").hide();
|
|
$(".bank_short_heng").show();
|
|
}
|
|
}
|
|
resize(true);
|
|
</script> |