<view class="flex-col page">
  <view class="flex-col self-stretch section">
    <view class="flex-col self-stretch section_2">
      <text class="self-start font text">钱包余额</text>
      <view class="flex-row justify-between items-center self-stretch group">
        <text class="text_2">{{currentBalance}}</text> <!-- 当前余额 -->
        <view class="flex-col justify-start items-center text-wrapper" bind:tap="gotoFundingDetails"><text class="font text_3">去提现</text></view>
      </view>
      <view class="flex-row self-stretch group_2">
        <view class="flex-row items-baseline">
          <text class="font text_4">提现中</text>
          <text class="ml-8 font_2">￥{{withdrawalAmount}}</text> <!-- 提现中的余额 -->
        </view>
        <view class="flex-row items-baseline ml-33">
          <text class="font text_5">已提现</text>
          <text class="font_2 ml-7">￥{{withdrawnAmount}}</text> <!-- 已提现金额 -->
        </view>
      </view>
    </view>
    <view class="flex-row justify-between equal-division group_3">
      <view class="flex-row items-center" bind:tap="gotoBindCard">
        <image
          class="shrink-0 image"
          src="./images/ggzh.png"
          mode="aspectFill"
        />
        <text class="ml-4 font text_6">更改账户</text>
      </view>
      <view class="horiz-divider section_3"></view>
      <view class="flex-row items-center" bind:tap="gotoBillingDetails">
        <image
          class="shrink-0 image"
          src="./images/txjl.png"
          mode="aspectFill"
        />
        <text class="ml-4 font text_7">提现记录</text>
      </view>
    </view>
  </view>
  <text class="mt-24 self-start font_3 text_8">资金变动记录</text>
  <view class="mt-24 flex-col self-stretch list">
    <view class="flex-col list-item mt-13" wx:for="{{fundsChangeVOList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
      <view class="flex-row">
        <text class="flex-1 font_4">{{item.projectName}}</text> <!-- 项目名称 -->
        
        <!-- 判断变动金额的符号和字体颜色 -->
        <text class="shrink-0 self-start font_5 text_9 ml-21" style="color: {{item.changeAmount >= 0 ? '#FE2828' : '#10D466'}}">{{item.changeAmount >= 0 ? '+' : ''}}{{item.changeAmount}}
        </text>
      </view>
      <view class="mt-12 flex-row justify-between items-center">
        <text class="font_6 text_10">{{item.createTime}}</text> <!-- 创建时间 -->
        <text class="font_3">{{item.currentAmount}}</text> <!-- 当前金额 -->
      </view>
    </view>
  </view>
</view>
