wxappb2b/GuangZuan/miniprogram/mMine/pages/inoutgold/index.wxml

<view class="topView">
  <!-- 导航栏 -->
  <van-nav-bar custom-style="background-color: #407DB8">
    <van-icon slot="left" name="arrow-left" size="25px" color="#fff" bind:click="backToParent"/>
    <text slot="title" style="color: #fff;">充值提现</text>
  </van-nav-bar>

  <!-- tabs -->
  <view class="tab-view">
    <van-tabs active="{{ active }}" swipeable bind:change="onTabChange" color="#2270D9" line-width="20px" title-inactive-color="#333" title-active-color="#407DB8">
      <van-tab wx:for="{{ tabs }}" wx:for-item="itm" wx:key="id" id="{{ itm.id }}" title="{{ itm.name }}"/>
    </van-tabs>  
  </view>
</view>

<!-- 内容视图 -->
<view class="container">
  <!-- 入金视图 -->
  <view class="into-gold-view" wx:if="{{ active == 0 }}">
    <!-- 充值金额 -->
    <view class="item amount">
      <text class="title">充值金额</text>
      <van-field id="into-amount-field" model:value="{{ inamount }}" clearable type="digit" adjust-position placeholder="请输入充值金额" />
    </view>

    <!-- 凭证 -->
    <view class="item credentials">
      <text class="title">凭证</text>
      <view class="credentials-top-view">
        <text class="value">请上传银行充值流水截图</text>
        <!-- 凭证图片 -->
        <view class="upload"><van-uploader max-count="1" deletable="{{ true }}" file-list="{{ fileList }}" bind:after-read="afterRead" bind:delete="deleteImage"  /></view> 
      </view>
    </view>
  </view>

  <!-- 出金视图 -->
  <view class="out-gold-view" wx:if="{{ active == 1 }}">
    <!-- 提现金额 -->
    <view class="item out-amount" id="item-out-amount">
      <text class="title">提现金额</text>
      <view class="out-amount-view">
        <van-field id="out-amount-field" model:value="{{ outamount }}" clearable type="digit" adjust-position placeholder="请输入提现金额" />
        <view class="enable-out-amount-view">
          <text class="enable-out-amount">可提现金额：{{enableOutAmount}}</text>
          <van-button id="allamount" color="#F7A657" round type="mini" bind:click="onButtonPressed">全部</van-button>
        </view>
      </view>
    </view>

    <!-- 开户银行 -->
    <view class="item bankName">
      <text class="title">开户银行</text>
      <text class="value">{{ sign.bankname }}</text>
    </view>

    <!-- 银行卡号 -->
    <view class="item banNo">
      <text class="title">银行卡号</text>
      <text class="value">{{ sign.cardno }}</text>
    </view>

    <!-- 姓名 -->
    <view class="item accountName">
      <text class="title">姓名</text>
      <text class="value">{{ sign.bankaccountname }}</text>
    </view>

    <!-- 支行名称 -->
    <view class="item branchBankName">
      <text class="title">支行名称</text>
      <text class="value">{{ sign.branchbankname }}</text>
    </view>
  </view>

  <!-- 提现时间 -->
  <view class="inout-time-view"><text class="inout-time">提现时间：{{ time }}</text></view>

  <!-- 按钮 -->
  <view class="button-view">
    <van-button custom-class="submit" id="submit" round color="linear-gradient(to right, #4bb0ff, #6149f6)" block bind:click="onButtonPressed">确定</van-button>
  </view>
</view>

<!-- toast --> 
<van-toast id="van-toast" />