member_pay.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" class="index_page">
  3. <head>
  4. {template header}
  5. <title>在线充值 - {$mymps_global[SiteName]}</title>
  6. <link type="text/css" rel="stylesheet" href="template/css/global.css">
  7. <link type="text/css" rel="stylesheet" href="template/css/style.css">
  8. <link type="text/css" rel="stylesheet" href="template/css/member_new.css">
  9. <script>window['current'] = '在线充值';</script>
  10. <style>
  11. #yhlist{ background-color:#fff; height: 100px; padding: 15px 0 5px;}
  12. #yhlist ul{ padding-left:4%}
  13. #yhlist li{ float:left; width:28%; margin-right:5%; height:100px;border-radius:5px; border:1px solid #d9d9d9; text-align:center}
  14. #yhlist li.yl{ background-color:#fdeee7; border-color:#e7b7aa;}
  15. #yhlist li:nth-child(3){margin-right:0%;}
  16. #yhlist .lmoney{ padding-top: 15px; font-size: 20px;font-weight: bold;color: #ea3b00;}
  17. #yhlist .lyouhui{color: #9e9e9e; font-size: 10px;}
  18. #yhlist .ljinbi{padding-top: 10px;}
  19. </style>
  20. </head>
  21. <body class="{$mymps_global[cfg_tpl_dir]}">
  22. <div class="wrapper">
  23. {template header_search}
  24. <div class="dl_nav">
  25. <span>
  26. <a href="index.php">首页</a>&gt;<a href="index.php?mod=member">会员中心</a>&gt;<a href="index.php?mod=member&action=pay">在线充值</a>
  27. </span>
  28. </div>
  29. <!--<div id="yhlist">
  30. <ul>
  31. <li onClick="yhclick(100,95)">
  32. <div class="lmoney">¥95</div>
  33. <div class="lyouhui">优惠5元</div>
  34. <div class="ljinbi">金币100个</div>
  35. </li>
  36. <li onClick="yhclick(300,270)">
  37. <div class="lmoney">¥270</div>
  38. <div class="lyouhui">优惠30元</div>
  39. <div class="ljinbi">金币300个</div>
  40. </li>
  41. <li onClick="yhclick(500,425)">
  42. <div class="lmoney">¥425</div>
  43. <div class="lyouhui">优惠75元</div>
  44. <div class="ljinbi">金币500个</div>
  45. </li>
  46. </ul>
  47. </div>-->
  48. <div class="inner_html tips">
  49. <div class="hd">温馨提示</div>
  50. <div class="bd">1,<font color="red">1{$moneytype}</font>可以购买<font color="red">{$mymps_global[cfg_coin_fee]}个</font>金币
  51. <br>2,一次最少需要充值<font color="red">{echo $mymps_global[cfg_pay_min] ? $mymps_global[cfg_pay_min] : 1}个</font>金币
  52. <br>3,充值遇到问题请联系客服</font>
  53. </div>
  54. </div>
  55. <div class="order_inner">
  56. <form name="form1" id="form1" method="get" action="index.php?">
  57. <input name="action" value="pay" type="hidden">
  58. <input id="isMini" name="isMini" value="0" type="hidden">
  59. <input name="mod" value="member" type="hidden">
  60. <input name="dopost" value="1" type="hidden">
  61. <input name="s_uid" value="{$s_uid}" type="hidden">
  62. <input name="uid" value="{$uid}" type="hidden">
  63. <div id="payact" style="">
  64. <div class="table_hd">支付方式</div>
  65. <div class="table_p">
  66. <ul class="zhifu">
  67. {loop $mobilepay $mymps}
  68. <li><input id="radio{$mymps[payid]}" onClick="return clickRadio('{$mymps[payid]}');" type="radio" name="payid" value="{$mymps[payid]}">&nbsp;<img src='template/images/payimg{$mymps[payid]}.png'></li>
  69. {/loop}
  70. </ul>
  71. </div>
  72. </div>
  73. <div class="table">
  74. <p class="p number">
  75. <em id="shu_title">购买金币:</em>
  76. <input type="text" onBlur="minPay()" id="money" name="money" class="ipt" value="{echo $money?$money:$mymps_global[cfg_pay_min]}" maxlength="10" placeholder="输入整数" style="width:140px; text-align:left; padding-left:4px;" />个
  77. </p>
  78. <p class="p number">
  79. <em id="shu_title">实际应付:</em>
  80. <font id="mustpay" color="red">{echo ($money?$money:$mymps_global[cfg_pay_min])/$mymps_global[cfg_coin_fee]}</font>{$moneytype}
  81. </p>
  82. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  83. <script>
  84. $(function() {
  85. if (is_wxclient()) {
  86. $('#radio5').attr('checked', 'true')
  87. } else {
  88. $('#radio4').attr('checked', 'true')
  89. }
  90. if(window.__wxjs_environment === 'miniprogram'){
  91. $("#isMini").val('1');
  92. }
  93. })
  94. $('#money').bind('input propertychange',function(){
  95. var data = $("#money").val();
  96. $("#mustpay").html(Math.ceil(data/{$mymps_global[cfg_coin_fee]}))
  97. }
  98. );
  99. function minPay() {
  100. if ($("#money").val() < {$mymps_global[cfg_pay_min]}) {
  101. alert('最少要购买{$mymps_global[cfg_pay_min]}个金币');
  102. $("#money").val({$mymps_global[cfg_pay_min]});
  103. $("#mustpay").html(Math.ceil({$mymps_global[cfg_pay_min]}/{$mymps_global[cfg_coin_fee]}));
  104. return false;
  105. }
  106. }
  107. function clickRadio(payid){
  108. if(!is_wxclient()&&payid=='5'){
  109. alert('请在微信客户端中使用该支付方式');
  110. return false
  111. }
  112. if(window.__wxjs_environment === 'miniprogram'&&payid=='4'){
  113. alert('微信小程序中暂不支持支付宝支付,请选择其它支付方式');
  114. return false
  115. }
  116. }
  117. </script>
  118. </div>
  119. <button type="submit" class="save">立即支付</button>
  120. </form>
  121. <div class="clear"></div>
  122. </div>
  123. </div>
  124. </div>
  125. {template footer}
  126. <script>
  127. $(document).ready(function(){
  128. $("#yhlist ul li").click(function(){
  129. $(this).addClass("yl").siblings().removeClass("yl");
  130. });
  131. });
  132. function yhclick(num,num2)
  133. {
  134. $("#money").val(num);
  135. $("#mustpay").html(num2);
  136. }
  137. </script>
  138. </body>
  139. </html>