account.wxml 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!--pages/my/account/account.wxml-->
  2. <view class="topBox">
  3. <view class="tit auto">
  4. 账户余额 (元)
  5. <van-icon name="question-o" color="#999999" />
  6. </view>
  7. <view class="num auto">
  8. 0.00
  9. </view>
  10. <view class="btnBox flex ju-a">
  11. <view class="le btn-border" bindtap="showBalance">提现</view>
  12. <view class="lr btn-sky" bindtap="showPopup">充值</view>
  13. </view>
  14. </view>
  15. <view class="bg"></view>
  16. <view class="contioner">
  17. <view class="tit b-bottom">余额变动明细</view>
  18. <view class="list">
  19. <view class="item flex ju-b b-bottom" bindtap="toDrtail">
  20. <view class="le">
  21. <view class="top flex ju-b">
  22. <text class="type">提现</text>
  23. <text class="num">-25.00</text>
  24. </view>
  25. <view class="footer flex ju-b">
  26. <text class="time">2021-12-31 13:23:43</text>
  27. <text class="price">余额 25.00</text>
  28. </view>
  29. </view>
  30. <van-icon name="arrow" color="#C7C7CC" />
  31. </view>
  32. </view>
  33. </view>
  34. <van-popup show="{{ show }}" bind:close="showPopup" position="bottom " round closeable close-icon="/image/icon/close.png"
  35. overlay-style="background: rgba(0, 0, 0, 0.5);">
  36. <view class="pup">
  37. <view class="tit flex ju-b">
  38. <text>充值金额</text>
  39. </view>
  40. <view class="content flex ju-b">
  41. <view class="items flex {{active == index ? 'active' : ''}}" bindtap="changeCurrent" data-index="{{index}}" data-value="{{item.value}}" wx:for="{{amountList}}" wx:key="{{item.value}}">
  42. <view class="num">{{item.tit}}</view>
  43. <view class="tips">{{item.tips}}</view>
  44. <image class="hot" wx:if="{{index == 0}}" src="/image/my/hot.png"></image>
  45. </view>
  46. </view>
  47. <view class="inputBox flex b-bottom">
  48. <text class="code">¥</text>
  49. <input type="number" bindinput="inputChange" placeholder="自定义小额充值(1-99)" maxlength="2" placeholder-class="placeholder" />
  50. </view>
  51. <view class="explain">
  52. <view class="title">
  53. 充值说明
  54. </view>
  55. <view class="contents">
  56. <view class="its">1.消费时优先消费充值金额,充值金额消费完毕后消费赠送金额</view>
  57. <view class="its">1.消费时优先消费充值金额,充值金额消费完毕后消费赠送金额</view>
  58. </view>
  59. </view>
  60. <view class="footerBtn btn-sky">{{value}}元/立即充值</view>
  61. </view>
  62. </van-popup>
  63. <van-popup show="{{ balance }}" bind:close="showBalance" position="bottom " round closeable close-icon="/image/icon/close.png" overlay-style="background: rgba(0, 0, 0, 0.5);">
  64. <view class="pup">
  65. <view class="tit flex ju-b">
  66. <text>提现金额</text>
  67. </view>
  68. <view class="inputBox flex b-bottom">
  69. <text class="code">¥</text>
  70. <input type="number" bindinput="inputChange" placeholder="输入提现金额" maxlength="2" placeholder-class="placeholder" />
  71. </view>
  72. <view class="tip">
  73. 当前账户余额10.00元,<text class="all">全部提现</text>
  74. </view>
  75. <view class="footerBtn btn-sky">提现</view>
  76. </view>
  77. </van-popup>