game-sdk/public/themes/h5wap/wap/ptb/recharge.html

<extend name="public/base" />

<block name="title">
  <title>{$seo.title|default=$site_info.site_name.' - 平台币充值'}</title>
</block>

<block name="main">
  <div class="wrap">
    <div class="anti-addition">
      <div class="main ptb_chongzhi">
        <div class="ptb_chongzhi__account">
          <p>账号：{$userinfo.nickname}</p>
          <p>平台币金额：{$userinfo.ptb_cnt}</p>
        </div>
        <div class="ptb_chongzhi__num ">
          <p class="ptb_chongzhi__num_p1">充值金额</p>
          <ul id="amountList" class="ptb_chongzhi__num_ul">
            <li value="30">30元</li>
            <li value="50">50元</li>
            <li value="100">100元</li>
            <li value="300">300元</li>
            <li value="500">500元</li>
            <li value="1000">1000元</li>
            <li value=""><input id="amountSetup" type="text" placeholder="自定义金额"/></li>
          </ul>
          <p class="ptb_chongzhi__num_p2">可获得 <span id="ptbAmount"></span> 平台币</p>
        </div>
        <div class="ptb_chongzhi__payWay">
          <volist name="$pay_type" id="payType">
            <p class="ptb_chongzhi__payWayP" payway="{$payType.payway}" url="{$payType.url}" onclick="payPost('{$payType.payway}')" style="display: none;">
              <img src="{$payType.icon}" />
              {$payType.name}
              <span class="nav_back"><img src="__STATIC__/h5wap/images/personal_core_back.png" /></span>
            </p>
          </volist>
        </div>
      </div>
      <input type="hidden" id="rate" value="{$ptb_rmb_rate}">
      <div class="return-group">
        <button class="btn-primary" returntolist="/wap/ptb/index">返回列表</button>
      </div>
    </div>
  </div>
</block>

<block name="otherScript">
  <script src="__STATIC__/h5wap/js/jquery.qrcode.js"></script>
  <script>
    var rate = '{$ptb_rmb_rate}'
    var $amountSetup = $('#amountSetup')
    var $amountList = $('#amountList > li')
    $amountList.on('click', function () {
      $(this).addClass('chongzhi_selected').siblings().removeClass('chongzhi_selected')

      if ($('input', this).length === 0) {
        $amountSetup.val('')
      } else {
        $(this).attr('value', '')
      }

      $('#ptbAmount').text($(this).attr('value') * rate)
    })
    $amountSetup.on('input', function () {
      var val = $(this).val().trim()
      var oldVal = $(this).parent().attr('value')
      if (isNaN(val)) {
        val = oldVal
      }
      $(this).val(val)
      $(this).parent().attr('value', val).addClass('chongzhi_selected').siblings().removeClass('chongzhi_selected')
      $('#ptbAmount').text(val * rate)
    })
    $amountList.eq(0).click()

    if (/micromessenger/i.test(navigator.userAgent)) {
      $('[payway="wxpay"]').show()
    } else {
      $('.ptb_chongzhi__payWayP').show()
    }
  </script>
</block>