支付页面优化

application/api/controller/Recharge.php

@@ -20,6 +20,12 @@ class Recharge extends Api
         parent::_initialize();
     }
 
+    //公众号支付完全放弃
+    public function __construct(){
+        echo __LINE__;
+        exit;
+    }
+
     //充值配置列表
     public function config(){
         $rs = Db::name('paygold_webcon')->field('id,money,gold')->order('id asc')->select();

application/index/view/recharge/index.html

@@ -12,7 +12,7 @@
              height: 100vh;
         }
         .content{
-            padding-top: 0.10rem;
+            padding-top: 0.40rem;
             display: flex;
             flex-direction: column;
             align-items: center;
@@ -28,13 +28,13 @@
         .phone-item {
             width: 100%;
             height: 0.35rem;
-            border-bottom: 1px solid #F1F1F1;
+            border-bottom: 2px solid #eee;
             justify-content: space-between;
           
         }
         .phone-item input {
             flex:1;
-            font-size: 0.14rem;
+            font-size: 0.16rem;
             background-color: #f8f8f8;
         }
         .phone-item .phone-nick{
@@ -223,42 +223,21 @@
             </div>
             <div class="recharge-wrap">
                 <div class="recharge-title">充值金额</div>
-                <select name="rc_id" class="exchange-section">
+                <div class="exchange-section">
+                    <!-- current为激活状态 @click="clickBox(index)"-->
                     {volist name='conf_list' id='vo'}
-                    <option value="{$vo.id}">充￥{$vo.money}得{$vo.gold}金币</option>
-                    {/volist}
-                </select>
-                <!--<div class="exchange-section">
-                    &lt;!&ndash; current为激活状态 @click="clickBox(index)"&ndash;&gt;
-                    <div class="exchange-box column current" >
-                        <div class="exchange-top">
-                            <img class="exchange-pic" src="/assets/frontend/recharge/images/b-b.png"></img>
-                            <div class="diamonds-num" >1000</div>
-                            <div class="diamonds-name">金币</div>
-                        </div>
-                        <div class="exchange-price">￥100.00</div>
-                    </div>
-
-                    <div class="exchange-box column" >
+                    <div class="exchange-box column <?php if($i==1){echo 'current';}?>" data-id="{$vo.id}">
                         <div class="exchange-top">
                             <img class="exchange-pic" src="/assets/frontend/recharge/images/b-b.png"></img>
-                            <div class="diamonds-num actvie" >3000</div>
+                            <div class="diamonds-num" >{$vo.gold}</div>
                             <div class="diamonds-name">金币</div>
                         </div>
-                        <div class="exchange-price">￥300.00</div>
+                        <div class="exchange-price">￥{$vo.money}</div>
                     </div>
+                    {/volist}
 
 
-                    <div class="exchange-box column" >
-                        <div class="exchange-top">
-                            <img class="exchange-pic" src="/assets/frontend/recharge/images/b-b.png"></img>
-                            <div class="diamonds-num actvie" >5000</div>
-                            <div class="diamonds-name">金币</div>
-                        </div>
-                        <div class="exchange-price">￥500.00</div>
-                    </div>
-
-                </div>-->
+                </div>
             </div>
             <div class="mode-wrap" >
                 <div class="mode-title">充值方式</div>
@@ -284,6 +263,7 @@
             </div>
             <input type="submit" class="recharge-btn center active" value="立即充值" />
             <input type="hidden" name="pay_type" value="alipay" class="payType">
+            <input type="hidden" name="rc_id" value="1" class="rcId">
             <!--<div class="recharge-btn center active">立即充值</div>-->
             </form>
         </div>
@@ -301,5 +281,11 @@
         $(".payType").val(type);
         console.log($(".payType").val());
     });
+    $(".exchange-box").click(function (e) {
+        $(this).addClass("current").siblings().removeClass("current")
+        var id = $(this).data("id");
+        $(".rcId").val(id);
+        console.log($(".rcId").val());
+    });
 
 </script>