审查视图

public/themes/simpleboot3/user/charge2.html 3.6 KB
lihan authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我要充值</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <script type="text/javascript" src="__TMPL__/static/js/base.js"></script>
    <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_6y9erxzbkn2.css" />
    <script type="text/javascript" src="__TMPL__/static/assets/font/iconfont.js">
    </script>
    <link rel="stylesheet" href="__TMPL__/static/css/myWallet.css" />
lihan authored
15
    <script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
lihan authored
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
</head>

<body>
<div class="out">
    <div class="btns">
        <div class="pay">
            充值套餐
        </div>
        <div class="activie">
            <a href="{:url('Center/charge')}">
                <div class="activity">普通充值</div>
            </a>
            <div class="ordinary">活动专享</div>
        </div>

        <div class="btnlist">
            <volist name="data" id="vo" key="k">
                <div data-id="{$vo.id}" class="btn <if condition="$k eq '1'">active one</if>">¥{$vo.denomination}送{$vo.bonus}</div>
            </volist>
    </div>
</div>

</div>
<div class="footer ok">
    一键充值
</div>
</body>

</html>
<script type="text/javascript" src="__TMPL__/static/assets/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/swiper-3.4.2.min.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/weui.js"></script>
<script>
    $('.btn').click(function(){
        $(this).attr('class','btn active one');
        $(this).siblings().attr('class','btn');
    })
lihan authored
54 55 56 57 58 59 60 61 62 63
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: '{$js_sdk.appId}', // 必填,公众号的唯一标识
        timestamp: '{$js_sdk.timestamp}', // 必填,生成签名的时间戳
        nonceStr: '{$js_sdk.nonceStr}', // 必填,生成签名的随机串
        signature: '{$js_sdk.signature}',// 必填,签名
        jsApiList: [
            'chooseWXPay'
        ] // 必填,需要使用的JS接口列表
    });
lihan authored
64
lihan authored
65 66
    $(".ok").click(function () {
        var id = $(".active").attr('data-id')
lihan authored
67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
        $.ajax({
            url:"{:url('charge/Charge/charge')}",
            data:{
                id:id
            },
            type:"POST",
            dataType:"JSON",

            success: function (data) {
                wx.chooseWXPay({
                    timestamp: data.data.timeStamp, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                    nonceStr: data.data.nonceStr, // 支付签名随机串,不长于 32 位
                    package: data.data.package, // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=\*\*\*)
                    signType: data.data.signType, // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
                    paySign: data.data.paySign, // 支付签名
                    success: function (res) {
                        alert('充值成功');
                    }
                });
            }
        })
lihan authored
88 89
    })
lihan authored
90
</script>