elf
/
cf-sdk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

平台币横板

Browse Source
master
chenzhi 5 years ago
parent 122e5f97f5
commit 3f26dc1d80
3 changed files with 221 additions and 55 deletions
Show Stats Download Patch File Download Diff File

22
Application/Sdk/Controller/ChangyanController.class.php
Unescape Escape View File

@ -42,5 +42,27 @@ class ChangyanController extends Controller {
);
}
}
public function test()
{
// $this->assign('user_id',"1");
// $this->assign('game_id',"1");
// $this->display("WapPay/wap_shortcut_pay");
// $this->display("Spend/pay_way");
$this->display("UserH/platform_pay");
# code...
}
public function test2()
{
// $this->assign('user_id',"1");
// $this->assign('game_id',"1");
// $this->display("WapPay/wap_shortcut_pay");
$this->display("UserH/platform_pay_show");
// $this->display("UserH/platform_pay");
# code...
}
}

205
Application/Sdk/View/default/UserH/platform_pay.html
Unescape Escape View File

@ -6,22 +6,31 @@
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="__CSS__/weui.min.css">
<link rel="stylesheet" href="__CSS__/sdkptbpay.css">
<script src="__JS__/resize.js" type=""></script>
<script src="__JS__/flex.min.js"></script>
<title>支付</title>
<style>
.paylist .weui-cell:before{
left: 15px;
}
.paylist .weui-cell {
padding: .2rem .3rem;
height: 1rem;
}
html,
body {
background-color: #F5F5F5;
min-height: 100vh;
.paylist .weui-cell__hd {
display: flex;
}
img {
}
.weui-cells {
border-radius: .2rem;
box-shadow: 0px 0px .05rem rgba(0, 0, 0, .2);
margin-top: 0px;
}
.weui-cell {
height: 0.75rem;
font-size: .28rem;
color: #292929;
padding: 0px .3rem;
}
img {
width: .72rem;
height: .72rem;
margin-right: .2rem;
@ -36,7 +45,65 @@
display: flex;
}
.weui-cells:after {
border: 0px;
}
.weui-cells:before {
border: 0px;
}
@media screen and (orientation: portrait) {
.box{
padding:.3rem;
}
.bottombutton{
height:1rem;background-color: #21B1EB;color: #ffffff;font-size: .32rem;text-align: center;line-height:1rem;bottom: 0px;
position: fixed;left: 0;right: 0;
}
.pay-info,.paylist{
margin-top: .3rem;
}
/* 隐藏横版更多 */
#h_showotherpay{
display: none;
}
}
@media screen and (orientation: landscape) {
/*横屏 css*/
.box{
padding:.24rem .5rem;
}
.pay-info,.paylist{
margin-top: .24rem;
}
.bottombutton{
height:1rem;background-color: #21B1EB;color: #ffffff;font-size: .32rem;text-align: center;line-height:1rem;
width: 7.5rem;border-radius: .2rem;position: absolute;left: 50%;margin: .5rem 0 .5rem -3.75rem;
}
body{
padding-bottom: .50rem;
}
.paylist-box{
display: flex;
height: auto;
flex-wrap:wrap;
}
.paylist-box .weui-cell{
min-width: 30%;
box-sizing: content-box;
margin-left: 3%;
padding: .16rem .0rem;
}
.paylist-box .weui-cell:before{
content: none;
}
/* 隐藏竖版更多 */
.showotherpay{
display: none;
}
}
.border-half-line{
width: 97%;
margin-left: 3%;
@ -48,10 +115,23 @@
-webkit-transform-origin:top center;
transform-origin: top center
}
.showotherpay{
width: 100%;height: .9rem;background-color: #ffffff;font-size: .28rem;text-align: center;color: #A9A9A9;line-height: .9rem;margin-top: .3rem;
}
.noborder.weui-cell:before{
height: 0px;
border: 0px;
}
.noborder{
margin-top: -.38rem;
}
</style>
</head>
<body class="pay-box">
<body class="box">
<!-- <div class="ptbnav" style="background:url('__IMG__/navbg.png') no-repeat bottom center/100% 100%;">
<img src="__IMG__/back.png">
<p>支付</p>
@ -78,51 +158,63 @@
</div>
</div>
</div>
<div class="ptbboxpad">
<div class="ptbbox">
<div class="weui-cell payuser">
<div class="weui-cells pay-info">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>充值账号</p>
</div>
<div class="weui-cell__ft" style="color: #A9A9A9;font-size: .28rem;">{$account}</div>
</div>
<div class="weui-cell">
<div class="weui-cell__bd">
<p>充值金额</p>
</div>
<div class="weui-cell__ft" style="color: red;font-size: .28rem;">￥{$money}.00</div>
</div>
</div>
<div class="weui-cells paylist">
<div class="weui-cells__title" style="line-height: .64rem;color: #a9a9a9;font-size:.24rem;margin: 0px;">
请选择支付方式</div>
<div class="border-half-line" style="position: absolute;"></div>
<div class="paylist-box">
<a id="alipaybtn" class="weui-cell" data-url="{:U('PayH5/platform_alipay_pay', array('user_token' => I('user_token'), 'api_ver' => 2, 'game_id' => $game_id, 'price' => $money))}">
<div class="weui-cell__hd"><img src="__IMG__/alipay.png"></div>
<div class="weui-cell__bd">
<p>充值账号</p>
<p style="color: #292929;font-size:.28rem;">支付宝支付</p>
<p style="color: #a9a9a9;font-size:.2rem;">推荐支付宝用户使用</p>
</div>
<div class="weui-cell__ft">{$account}</div>
</div>
<div class="weui-cell payinfo">
</a>
<a id="shorcut" class="weui-cell" data-url="{:U('Shortcut/wap_shortcut_pay', array('user_id'=>$user_id,'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>0,'type'=>'platform', 'price' => $money, 'api_ver' => 2))}">
<div class="weui-cell__hd"><img src="__IMG__/onlinepay.png"></div>
<div class="weui-cell__bd">
<p>充值金额</p>
<p style="color: #292929;font-size:.28rem;">快捷支付</p>
<p style="color: #a9a9a9;font-size:.2rem;">可在线快捷支付</p>
</div>
<div class="weui-cell__ft">￥{$money}.00</div>
</div>
</a>
<a id="wxpay" style="display: none;" class="weui-cell" href="javascript:;" data-url="{:U('PayH5/platform_weixin_pay',array('price' => $money,'user_token'=>I('user_token'),'api_ver' => 2, 'game_id' => $game_id))}" >
<div class="weui-cell__hd"><img src="__IMG__/wxpay.png"></div>
<div class="weui-cell__bd">
<p style="color: #292929;font-size:.28rem;">微信支付</p>
<p style="color: #a9a9a9;font-size:.2rem;">推荐微信用户使用</p>
</div>
</a>
<a id="h_showotherpay" class="weui-cell charge_way_btn recharge_way_btn_wechat">
<div class="weui-cell__hd"><img src="__IMG__/gengduo.png"></div>
<div class="weui-cell__bd">
<p style="color: #292929;font-size:.28rem;">其他支付方式</p>
<p style="color: #a9a9a9;font-size:.2rem;">显示其他支付方式</p>
</div>
</a>
</div>
</div>
<div class="ptbboxpad paylist" style="padding-top:0;">
<div class="ptbbox weui-cells" >
<div class="weui-cells__title" style="line-height: .84rem;color: #a9a9a9;font-size:.24rem;margin: 0px;">
请选择支付方式</div>
<div class="border-half-line" style="position: absolute;"></div>
<div class="paylist-box">
<a id="wxpay" class="weui-cell" href="javascript:;" data-url="{:U('PayH5/platform_weixin_pay',array('price' => $money,'user_token'=>I('user_token'),'api_ver' => 2, 'game_id' => $game_id))}" >
<div class="weui-cell__hd"><img src="__IMG__/wxpay.png"></div>
<div class="weui-cell__bd">
<p style="color: #292929;font-size:.28rem;">微信支付</p>
<p style="color: #a9a9a9;font-size:.2rem;">推荐微信用户使用</p>
</div>
</a>
<a id="alipaybtn" class="weui-cell" data-url="{:U('PayH5/platform_alipay_pay', array('user_token' => I('user_token'), 'api_ver' => 2, 'game_id' => $game_id, 'price' => $money))}">
<div class="weui-cell__hd"><img src="__IMG__/alipay.png"></div>
<div class="weui-cell__bd">
<p style="color: #292929;font-size:.28rem;">支付宝支付</p>
<p style="color: #a9a9a9;font-size:.2rem;">推荐支付宝用户使用</p>
</div>
</a>
<a id="shorcut" class="weui-cell" data-url="{:U('Shortcut/wap_shortcut_pay', array('user_id'=>$user_id,'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>0,'type'=>'platform', 'price' => $money, 'api_ver' => 2))}">
<div class="weui-cell__hd"><img src="__IMG__/onlinepay.png"></div>
<div class="weui-cell__bd">
<p style="color: #292929;font-size:.28rem;">快捷支付</p>
<p style="color: #a9a9a9;font-size:.2rem;">可在线快捷支付</p>
</div>
</a>
</div>
</div>
<div class="showotherpay weui-cells">
其他支付方式
</div>
</body>
@ -165,7 +257,12 @@
});
//window.location.href = $(this).data('url');
});
$(".showotherpay,#h_showotherpay").on("click",function(){
$("#wxpay").show();
$(".showotherpay").hide();
$("#h_showotherpay").hide();
})
$('#alipaybtn').on('click', function () {
if (flag) return;
flag = true;

49
Application/Sdk/View/default/UserH/platform_pay_show.html
Unescape Escape View File

@ -5,8 +5,55 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="__CSS__/weui.min.css">
<link rel="stylesheet" href="__CSS__/sdkptbpay.css">
<script src="__JS__/resize.js" type=""></script>
<script src="__JS__/flex.min.js"></script>
<title>平台币充值</title>
<style>
.ptbboxpad{
padding:.15rem 0;
}
@media screen and (orientation: portrait){
.form-box {
padding: .2rem .3rem;
}
}
@media screen and (orientation: landscape){
.form-box {
padding: .2rem .5rem;
}
.ptbbtn {
width: 7rem;
height: .7rem;
background-color: #21B1EB;
margin: auto;
text-align: center;
line-height: .7rem;
font-size: .28rem;
color: #fff;
border-radius: .35rem;
}
.form-box .pay-form-info .title {
font-size: .32rem;
line-height: 1;
text-align: center;
padding: .2rem;
}
.form-box .btnbox {
display: flex;
width: 100%;
margin-top: .4rem;
}
.weui-cell{
padding: 8px 15px;
}
}
.ptbbox{
width: 100%;border-radius: .2rem;box-shadow:0px 0px 6px 0px rgba(89,40,8,0.15);margin: auto;background-color: white;
}
</style>
</head>
<body class="form-box">
<!-- <div class="ptbnav" style="background:url('__IMG__/navbg.png') no-repeat bottom center/100% 100%;">

Write Preview
Loading…
Cancel
Save