elf
/
cf-sdk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '5593fe3017'
${ noResults }
cf-sdk/Application/Sdk/View/default/Shortcut/yee_step2.html

562 lines
22 KiB
HTML
Raw Normal View History Unescape Escape

sq快捷支付
5 years ago
<!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_order.css" />
</head>
<body>
<div class="bank_order">
<div class="heard">
<div class="heard_box">
<a href=""></a>
银行卡快捷支付
</div>
</div>
<div class="containner">
<div class="bank_select">
<div class="bank_select_box arrows">
<img src="img/bank1.png" alt="">
<div class="bank_info">
<div>工商银行</div>
<div>尾号4088 <span>储蓄卡</span> </div>
<input type="hidden" value="{$}"/>
</div>
</div>
</div>
<div class="bank_text">*请使用本人信息进行支付，支付成功后不可修改</div>
<div class="bank_select_info">
<div class="bank_select_info_box">
<div class="select_info_content">
<div>姓名：</div>
<input type="text" placeholder="请输入真实姓名">
</div>
<div class="select_info_content">
<div>身份证号：</div>
<input type="text" placeholder="请输入身份证号">
</div>
<div class="select_info_price">
<div>支付金额：</div>
<span>1000.00</span>
</div>
</div>
</div>
</div>
<!-- 银行卡弹窗 -->
<div class="bank_mode"></div>
<div class="bank_window">
<div class="win_heard">
<div class="win_heard_box">
<a href="#"></a>
<div>银行卡名称</div>
<div>单笔限额</div>
<div>单日限额</div>
</div>
</div>
<div class="win_info">
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank1.png" alt="">
<div>工商银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank2.png" alt="">
<div>农业银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank3.png" alt="">
<div>中国银行</div>
</div>
<div>10000</div>
<div>10000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank4.png" alt="">
<div>建设银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank5.png" alt="">
<div>招商银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank6.png" alt="">
<div>交通银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank7.png" alt="">
<div>中信银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank8.png" alt="">
<div>光大银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank9.png" alt="">
<div>兴业银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank10.png" alt="">
<div>邮政银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank11.png" alt="">
<div>平安银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank12.png" alt="">
<div>浦发银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank13.png" alt="">
<div>广发银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank14.png" alt="">
<div>华夏银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank15.png" alt="">
<div>民生银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank16.png" alt="">
<div>北京银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank17.png" alt="">
<div>上海银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank18.png" alt="">
<div>恒丰银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank19.png" alt="">
<div>渤海银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank20.png" alt="">
<div>浙商银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
</div>
</div>
<div class="foot_btn pay_submit" 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_order_heng">
<div class="heard">
<div class="heard_box">
<a href=""></a>
银行卡快捷支付
</div>
</div>
<div class="containner">
<div class="bank_select">
<div class="bank_select_box arrows">
<img src="img/bank1.png" alt="">
<div class="bank_info">
<div>工商银行</div>
<div>尾号4088 <span>储蓄卡</span> </div>
</div>
</div>
</div>
<div class="bank_text">*请使用本人信息进行支付，支付成功后不可修改</div>
<div class="bank_select_info">
<div class="bank_select_info_box">
<div class="select_info_content">
<div>姓名：</div>
<input type="text" placeholder="请输入真实姓名">
</div>
<div class="select_info_content">
<div>身份证号：</div>
<input type="text" placeholder="请输入身份证号">
</div>
<div class="select_info_code">
<div>手机号：</div>
<div class="gain_code">
<input type="text" placeholder="请输入手机号" class="phone">
<div>获取验证码</div>
<input type="text" placeholder="请输入验证码" class="code">
</div>
</div>
<div class="select_info_price">
<div>支付金额： <span>1000.00</span> </div>
<div class="foot_btn">提交订单</div>
</div>
</div>
</div>
</div>
<!-- 银行卡弹窗 -->
<div class="bank_mode"></div>
<div class="bank_window">
<div class="win_heard">
<div class="win_heard_box">
<a href="#"></a>
<div>银行卡名称</div>
<div>单笔限额</div>
<div>单日限额</div>
</div>
</div>
<div class="win_info">
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank1.png" alt="">
<div>工商银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank2.png" alt="">
<div>农业银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank3.png" alt="">
<div>中国银行</div>
</div>
<div>10000</div>
<div>10000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank4.png" alt="">
<div>建设银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank5.png" alt="">
<div>招商银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank6.png" alt="">
<div>交通银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank7.png" alt="">
<div>中信银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank8.png" alt="">
<div>光大银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank9.png" alt="">
<div>兴业银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank10.png" alt="">
<div>邮政银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank11.png" alt="">
<div>平安银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank12.png" alt="">
<div>浦发银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank13.png" alt="">
<div>广发银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank14.png" alt="">
<div>华夏银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank15.png" alt="">
<div>民生银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank16.png" alt="">
<div>北京银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank17.png" alt="">
<div>上海银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank18.png" alt="">
<div>恒丰银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank19.png" alt="">
<div>渤海银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
<div class="win_info_box">
<div class="win_bank">
<div class="win_bank_img">
<img src="img/bank20.png" alt="">
<div>浙商银行</div>
</div>
<div>5000</div>
<div>5000</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
$(function (){
$(".bank_select_box").click(function(){
$(".bank_mode").show();
$(".bank_window").show();
});
$(".bank_mode").click(function(){
$(".bank_mode").hide();
$(".bank_window").hide();
});
$(".pay_submit").click(function() {
var url = $(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_order").show();
$(".bank_order_heng").hide();
}else {
$(".bank_order").hide();
$(".bank_order_heng").show();
}
}
resize(true);
</script>