yuting.cui
/
credit_h5


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>充值中心</title>
    <link rel="stylesheet" href="./common/reset.css?v=1">
    <link rel="stylesheet" href="./css/payment.css?v=11">
    <script src="./common/jquery-2.1.0.js"></script>
    <script>
        var viewport = document.querySelector("meta[name=viewport]")
        if (window.devicePixelRatio == 1) {
            viewport.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no')
        } 
        if (window.devicePixelRatio == 2) {
            viewport.setAttribute('content', 'width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no')
        } 
        if (window.devicePixelRatio == 3) {
            viewport.setAttribute('content', 'width=device-width, initial-scale=0.333333333, maximum-scale=0.333333333, minimum-scale=0.333333333, user-scalable=no')
        } 

        document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 100 + "px";
        window.onresize = function () {
            document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 100 + "px";
        }
    </script>
</head>
<body>
   <h3 class="payment_hint">请选择充值金额（充值成功后不可退）</h3>
   <ul class="rechargeList">
    <!-- 套餐列表 -->
    <!-- <li><div class="rechargeLi"><p>充198江湖币</p><span>送30江湖比</span><img src="img/payment_one.png"/></div></li>
    <li><div class="rechargeLi rechargeLiActive"><p>充198江湖币</p></div></li>
    <li><div class="rechargeLi"><p>充198江湖币</p></div></li>
    <li><div class="rechargeLi"><p>充198江湖币</p></div></li>
    <li><div class="rechargeLi"><p>充198江湖币</p></div></li>
    <li><div class="rechargeLi"><p>充198江湖币</p></div></li> -->
   </ul>
   <h3 class="payment_hint">选择支付方式</h3>
   <ul class="payment_mode">
       <li class="alipay">
           <label for="alipay">
               <img src="img/alipay.png" />
               <span>支付宝</span>
           </label>
           <input type="radio" name="mode" id="alipay" value="1">
       </li>
       <li class="weixin">
            <label for="weixin">
                <img src="img/weixin.png" />
                <span>微信</span>
            </label>
            <input type="radio" name="mode" id="weixin" value="2">
        </li>
   </ul>
   <div class="payment_bottom">
       <div class="total">总计 <span>¥0</span></div>
       <button onclick="payEvent()">立即充值</button>
   </div>
   <!-- 确认是否支付完成，微信支付 -->
   <div class="wx_payment_mask">
        <div class="con">
            <h3>请确认微信支付是否完成</h3>
            <p id="paySuccess">已完成支付</p>
            <p id="payError">支付遇到问题，重新支付</p>
        </div>
   </div>
   <div class="alert-info" style="display: none;">
        <!-- tip提示,3s后消失 -->
        <p>请在浏览器中打开</p>
    </div>
    <!-- loading -->
    <div class="loading">
        <img src="./common/loading.gif" />
    </div>
</body>
</html>
<script src="./js/payment.js?v=19"></script>