<view class="flex-col page">
  <view class="flex-col self-stretch section">
    <text class="self-start font">提现账户</text>
    <view class="flex-row items-center self-stretch section_2 mt-11">
      <!-- 判断是否有提现账户信息 -->
      <block wx:if="{{withdrawalAccount}}">
        <image class="image" src="./images/zh.png" />
        <text class="font_2 text ml-10">{{withdrawalAccount}}</text>
      </block>
      <block wx:else>
        <!-- 没有提现账户时显示“去添加”按钮 -->
        <button class="add-btn" bindtap="goToAddAccount">去添加</button>
      </block>
    </view>
  </view>
  <view class="flex-col self-stretch section_3">
    <text class="self-start font text_2">提现金额</text>
    <view class="flex-col self-stretch mt-30">
      <view class="flex-row justify-between items-center self-stretch group">
        <view class="flex-row items-center">
          <image
            class="shrink-0 image_2"
            src="./images/money.png"
          />
          <input class="font_2 text_3 ml-13" placeholder="请输入提现金额" bindinput="onInput" type="digit" value="{{withdrawnAmount}}"/>
        </view>
        <text class="text_4" bindtap="onWithdrawAll">全部提现</text>
      </view>
      <text class="self-start font_2 text_5 mt-19">可提现：{{ currentBalance }}元</text>
    </view>
  </view>
  <view bindtap="onSubmitWithdraw" class="flex-col justify-start items-center self-center text-wrapper">
    <text class="font text_6">立即提现</text>
  </view>
</view>
