微信小店联盟带货小程序

withdraw.wxml 1.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <view class="container">
  2. <view class="balance-section">
  3. <view class="balance-title">可提现余额</view>
  4. <view class="balance-amount">¥ {{balance}}</view>
  5. </view>
  6. <view class="withdraw-section">
  7. <view class="section-title">提现金额</view>
  8. <view class="amount-input-wrap">
  9. <text class="currency-symbol">¥</text>
  10. <input
  11. type="digit"
  12. class="amount-input"
  13. placeholder="请输入提现金额"
  14. value="{{withdrawAmount}}"
  15. bindinput="onAmountInput"
  16. />
  17. <text class="all-withdraw" bindtap="withdrawAll">全部提现</text>
  18. </view>
  19. </view>
  20. <view class="method-section">
  21. <view class="section-title">选择提现方式</view>
  22. <view class="method-list">
  23. <view
  24. class="method-item {{selectedMethod === item.id ? 'selected' : ''}}"
  25. wx:for="{{withdrawMethods}}"
  26. wx:key="id"
  27. data-id="{{item.id}}"
  28. bindtap="selectWithdrawMethod"
  29. >
  30. <image class="method-icon" src="{{item.icon}}"></image>
  31. <text class="method-name">{{item.name}}</text>
  32. <view class="method-check">
  33. <icon wx:if="{{selectedMethod === item.id}}" type="success" size="20"></icon>
  34. </view>
  35. </view>
  36. </view>
  37. </view>
  38. <view class="account-section" bindtap="manageAccounts">
  39. <view class="section-title">收款账户</view>
  40. <view class="account-info">
  41. <text wx:if="{{selectedMethod === 'alipay'}}">支付宝:{{accountInfo.alipay}}</text>
  42. <text wx:elif="{{selectedMethod === 'wechat'}}">微信:{{accountInfo.wechat}}</text>
  43. <text wx:elif="{{selectedMethod === 'bank'}}">
  44. 银行卡:{{accountInfo.bank.bankName}} {{accountInfo.bank.cardNumber}}
  45. </text>
  46. <text wx:else>请选择并管理收款账户</text>
  47. </view>
  48. <text class="iconfont icon-right"></text>
  49. </view>
  50. <button
  51. class="withdraw-btn"
  52. bindtap="submitWithdraw"
  53. >
  54. 确认提现
  55. </button>
  56. </view>