pay.html 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <header class="mui-bar mui-bar-nav">
  2. <a class="mui-icon mui-icon-back mui-pull-left js-switch-modal" href="javascript:;"></a>
  3. <a class="mui-icon mui-icon-close mui-pull-right js-switch-pay-close"></a>
  4. <h1 class="mui-title">付款详情</h1>
  5. </header>
  6. <div class="mui-content">
  7. <div id="pay-main-modal" class="js-main-modal">
  8. <ul class="mui-table-view mui-table-view-chevron">
  9. <li class="mui-table-view-cell">
  10. <span class="mui-text-muted">支付宝账号</span>
  11. <span class="mui-pull-right">188****1234</span>
  12. </li>
  13. <li class="mui-table-view-cell js-switch-pay">
  14. <a class="mui-navigate-right mui-media">
  15. <span class="mui-text-muted">付款方式</span>
  16. <span class="mui-pull-right js-pay-default-method"></span>
  17. </a>
  18. </li>
  19. </ul>
  20. <div class="mui-row mui-pa15">
  21. <div class="mui-col-xs-6">需付款</div>
  22. <div class="mui-col-xs-6 mui-text-right mui-big"><span class="js-pay-fee"></span>元</div>
  23. </div>
  24. <div class="mui-content-padded">
  25. <form action="{php echo url('mc/cash/');}" method="post">
  26. <input type="hidden" name="params" value="{php echo base64_encode(json_encode($params));}" />
  27. <input type="hidden" name="code" value="" />
  28. <input type="hidden" name="coupon_id" value="" />
  29. <input type="hidden" name="do" value="wechat" />
  30. <button type="submit" class="mui-btn mui-btn-success mui-btn-block" data-payparams="{php echo base64_encode(json_encode($params));}" value="确认支付">确认支付</button>
  31. </form>
  32. </div>
  33. </div>
  34. <ul id="pay-method-modal" class="mui-table-view mui-table-view-chevron js-switch-pay-modal" style="display:none;">
  35. {if !empty($pay['credit']['switch'])}
  36. <li class="mui-table-view-cell" data-method="credit" data-title="余额">
  37. <a class="mui-navigate-right mui-media" href="javascript:;">
  38. <img src="./resource/images/money.png" alt="" class="mui-media-object mui-pull-left"/>
  39. <span class="mui-media-body mui-block">
  40. 余额
  41. <span class="mui-block mui-text-muted mui-rmb mui-mt5">{php echo sprintf('%.2f', $credtis[$setting['creditbehaviors']['currency']]);}</span>
  42. </span>
  43. </a>
  44. </li>
  45. {/if}
  46. {if $pay['baifubao']['switch']}
  47. <li class="mui-table-view-cell" data-method="baifubao" data-title="百度钱包">
  48. <a class="mui-navigate-right mui-media" href="javascript:;">
  49. <img src="./resource/images/baidu-pay.png" alt="" class="mui-media-object mui-pull-left"/>
  50. <span class="mui-media-body mui-block">
  51. 百度钱包
  52. <span class="mui-block mui-text-muted mui-mt5">百度安全支付服务</span>
  53. </span>
  54. </a>
  55. </li>
  56. {/if}
  57. {if $pay['unionpay']['switch']}
  58. <li class="mui-table-view-cell" data-method="unionpay" data-title="银联支付">
  59. <a class="mui-navigate-right mui-media" href="javascript:;">
  60. <img src="./resource/images/yl-icon.png" alt="" class="mui-media-object mui-pull-left"/>
  61. <span class="mui-media-body mui-block">
  62. 银联支付
  63. <span class="mui-block mui-text-muted mui-mt5">银联安全支付服务</span>
  64. </span>
  65. </a>
  66. </li>
  67. {/if}
  68. {if !empty($pay['wechat']['switch'])}
  69. <li class="mui-table-view-cell" data-method="wechat" data-title="微信支付">
  70. <a class="mui-navigate-right mui-media" href="javascript:;">
  71. <img src="./resource/images/wx-icon.png" alt="" class="mui-media-object mui-pull-left"/>
  72. <span class="mui-media-body mui-block">
  73. 微信支付
  74. <span class="mui-block mui-text-muted mui-mt5">微信支付,安全快捷</span>
  75. </span>
  76. </a>
  77. </li>
  78. {/if}
  79. {if !empty($pay['alipay']['switch'])}
  80. <li class="mui-table-view-cell" data-method="alipay" data-title="支付宝">
  81. <a class="mui-navigate-right mui-media" href="javascript:;">
  82. <img src="./resource/images/zfb-icon.png" alt="" class="mui-media-object mui-pull-left"/>
  83. <span class="mui-media-body mui-block">
  84. 支付宝
  85. <span class="mui-block mui-text-muted mui-mt5">简单、安全、快速</span>
  86. </span>
  87. </a>
  88. </li>
  89. {/if}
  90. </ul>
  91. </div>