wechatShopUni/pages/distribution/withdraw.wxml

<!--pages/distribution/withdraw.wxml-->
<view class="container">
  <!-- 余额卡片 -->
  <view class="balance-card">
    <view class="title">可提现金额（元）</view>
    <view class="amount">{{balance}}</view>
    <view class="tips">
      <text class="tip-item">待结算：¥{{pendingAmount}}</text>
      <text class="tip-item">已结算：¥{{settledAmount}}</text>
    </view>
  </view>

  <!-- 提现表单 -->
  <view class="withdraw-form">
    <view class="form-title">提现金额</view>
    <view class="input-group">
      <text class="currency">¥</text>
      <input class="amount-input" 
             type="digit" 
             value="{{amount}}"
             placeholder="请输入提现金额"
             bindinput="onAmountInput"/>
    </view>
    <view class="amount-tips">
      <text>最低提现金额¥{{minWithdraw}}，单次最高¥{{maxWithdraw}}</text>
      <text class="all-amount" bindtap="setMaxAmount">全部提现</text>
    </view>

    <!-- 提现方式选择 -->
    <view class="withdraw-method">
      <view class="method-title">提现方式</view>
      <view class="method-list">
        <view class="method-item {{selectedMethod === 'wxpay' ? 'active' : ''}}" 
              bindtap="selectMethod" 
              data-method="wxpay">
          <image class="method-icon" src="/static/images/wxpay.png" mode="aspectFit"></image>
          <view class="method-info">
            <text class="method-name">微信零钱</text>
            <text class="method-desc">2小时内到账</text>
          </view>
          <text class="iconfont icon-check"></text>
        </view>
        <view class="method-item {{selectedMethod === 'bank' ? 'active' : ''}}" 
              bindtap="selectMethod" 
              data-method="bank">
          <image class="method-icon" src="/static/images/bank.png" mode="aspectFit"></image>
          <view class="method-info">
            <text class="method-name">银行卡</text>
            <text class="method-desc">1-3个工作日到账</text>
          </view>
          <text class="iconfont icon-check"></text>
        </view>
      </view>
    </view>

    <!-- 提现按钮 -->
    <button class="withdraw-btn {{canWithdraw ? '' : 'disabled'}}" 
            bindtap="submitWithdraw" 
            disabled="{{!canWithdraw}}">
      确认提现
    </button>

    <!-- 提现说明 -->
    <view class="withdraw-rules">
      <view class="rules-title">提现说明</view>
      <view class="rule-item">1. 提现金额需大于等于{{minWithdraw}}元</view>
      <view class="rule-item">2. 微信零钱提现2小时内到账</view>
      <view class="rule-item">3. 银行卡提现1-3个工作日到账</view>
      <view class="rule-item">4. 如有疑问请联系客服</view>
    </view>
  </view>
</view>