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

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

  <!-- tabs -->
  <view class="tab-view">
    <van-tabs swipeable bind:change="onTabChange" color="#2270D9" title-active-color="#2270D9" title-inactive-color="#8F8AA6">
      <van-tab wx:for="{{tabs}}" active="{{active}}" 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}}" type="number" border="{{false}}" placeholder="请输入充值金额"></van-field>
    </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"></van-uploader></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}}" type="number" border="{{false}}" placeholder="请输入提现金额"></van-field>
        <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" />