exchange_pay.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <include file="weixin@block:header"/>
  2. <!--<title>商品兑换</title>-->
  3. <link rel="stylesheet" href="/static/weixin/css/order-pay.css?v={$version}">
  4. <div id="app" v-clock>
  5. <header class="zyw-header">
  6. <div class="zyw-container white-color">
  7. <div class="head-l"><a href="/" target="_self"><img
  8. src="/static/weixin/img/svg/head-return.svg" alt=""></a></div>
  9. <h1>商品兑换</h1>
  10. </div>
  11. </header>
  12. <section class="zyw-container" v-cloak>
  13. <div class="weui-form-preview">
  14. <div class="weui-settle">
  15. <div class="weui-form-preview__bd">
  16. <div class="weui-form-preview__hd address">
  17. <div v-if="addressInfo.id>0">收货地址:<span v-text="addressInfo.realname"></span> <span v-text="addressInfo.mobile"></span> <span v-text="addressInfo.address"></span><a class="edit-address" href="/weixin/address/index?op=1">编辑地址</a></div>
  18. <div class="address" v-else ><a href="/weixin/address/index?op=1">添加收货地址</a></div>
  19. </div>
  20. <div class="weui-form-preview__item">
  21. <label class="weui-form-preview__label">商品</label>
  22. <span class="weui-form-preview__value"><em v-text="info.goods_name"></em></span>
  23. </div>
  24. <div class="weui-form-preview__item">
  25. <label class="weui-form-preview__label">所需积分</label>
  26. <span class="weui-form-preview__value"><em v-text="info.score">0</em>积分</span>
  27. </div>
  28. <div class="weui-form-preview__item">
  29. <label class="weui-form-preview__label">库存数量</label>
  30. <span class="weui-form-preview__value"><em v-text="info.stock">0</em>份</span>
  31. </div>
  32. <div class="weui-form-preview__item">
  33. <label class="weui-form-preview__label">合计</label>
  34. <span class="weui-form-preview__value">¥<em v-text="info.score">0.00</em></span>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="weui-pay__type">
  39. <div class="weui-cells weui-cells_checkbox">
  40. <label class="weui-cell weui-check__label" for="s11">
  41. <div class="weui-cell__hd">
  42. <input type="radio" class="weui-check" name="checkbox1" id="s11" checked="checked">
  43. <i class="weui-icon-checked"></i>
  44. </div>
  45. <div class="weui-cell__bd">
  46. <p>积分支付</p>
  47. </div>
  48. </label>
  49. <label class="weui-cell weui-check__label" for="s12">
  50. <div class="weui-cell__hd">
  51. <input type="radio" name="checkbox1" class="weui-check" id="s12">
  52. <i class="weui-icon-checked"></i>
  53. </div>
  54. <div class="weui-cell__bd">
  55. <p>余额支付</p>
  56. </div>
  57. </label>
  58. </div>
  59. </div>
  60. <div class="weui-form-pay">
  61. <a href="javascript:;" class="weui-btn weui-btn_primary" @click="paySubmit">支付兑换</a>
  62. </div>
  63. </div>
  64. <div id="" class="weui-popup__container">
  65. <div class="weui-popup__overlay"></div>
  66. <div class="weui-popup__modal">
  67. </div>
  68. </div>
  69. </section>
  70. </div>
  71. <script src="/static/weixin/js/jweixin-1.4.0.js?v={$version}"></script>
  72. <script src="/static/weixin/js/exchange-pay.js?v={$version}"></script>
  73. <include file="weixin@block:footer"/>