From 3f26dc1d808753e76a1c00672c3f7d286b28ef71 Mon Sep 17 00:00:00 2001
From: chenzhi <chenzhi063@qq.com>
Date: Wed, 4 Dec 2019 19:30:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E5=B8=81=E6=A8=AA=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Controller/ChangyanController.class.php   |  22 ++
 .../Sdk/View/default/UserH/platform_pay.html  | 205 +++++++++++++-----
 .../View/default/UserH/platform_pay_show.html |  49 ++++-
 3 files changed, 221 insertions(+), 55 deletions(-)

diff --git a/Application/Sdk/Controller/ChangyanController.class.php b/Application/Sdk/Controller/ChangyanController.class.php
index 583698c1..48225482 100644
--- a/Application/Sdk/Controller/ChangyanController.class.php
+++ b/Application/Sdk/Controller/ChangyanController.class.php
@@ -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...
+    }
 
 }
diff --git a/Application/Sdk/View/default/UserH/platform_pay.html b/Application/Sdk/View/default/UserH/platform_pay.html
index f9f5547d..a325124b 100644
--- a/Application/Sdk/View/default/UserH/platform_pay.html
+++ b/Application/Sdk/View/default/UserH/platform_pay.html
@@ -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;
diff --git a/Application/Sdk/View/default/UserH/platform_pay_show.html b/Application/Sdk/View/default/UserH/platform_pay_show.html
index 55210dd7..9549af5e 100644
--- a/Application/Sdk/View/default/UserH/platform_pay_show.html
+++ b/Application/Sdk/View/default/UserH/platform_pay_show.html
@@ -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%;">