JSFiddle - React, Tailwind, and code Playground

by booktu8

HTML

<container>

  <div class="bgwh">
    <div class="ui-cell pay-mode f0">
      <div class="ui-cell__hd pl20 f26 g6">选择提现方式:</div>
    </div>
    <router-link tag="div" to="/chooseBank" class="ui-cell pay-mode f0 ml20 mr20">
      <div class="ui-cell__hd pl20">
        <i class="dib icon-pay-zfb" v-if="withdraw.tabIndex===0"></i>
        <i class="dib icon-pay-bank" v-else></i>
      </div>
      <div class="ui-cell__bd pl20">
        <p class="f30 g3">{{withdraw.tabIndex!==0?withdraw.bankName:'支付宝'}}</p>
        <p class="f24 g9" v-if="withdraw.tabIndex===0">推荐有支付宝账号的用户使用</p>
      </div>
      <div class="ui-cell__fd ion-ios-arrow-right"></div>
    </router-link>
    <dl class="write-money p20 mt20">
      <dt class="f30 pb20">提现金额:</dt>
      <dd class="ui-cell pt20">
        <div class="ui-cell__hd tl g3 money-symbol">¥</div>
        <div class="ui-cell__bd tl g3 f30 money-number ml20">
          <!-- :min="0" :max="maxMoney"  -->
          <ui-input v-model="withdraw.money" type="number" :max="999999999" :ToFixed="2" placeholder="请输入金额" />
        </div>
      </dd>
      <dd class="ui-cell pt20">
        <div class="ui-cell__bd tl g9 f28">可转出 {{maxMoney}}元</div>
        <div class="ui-cell__bd tr gc f28" v-if="maxMoney==0">全部转出</div>
        <div class="ui-cell__bd tr text-primary f28" v-else @click="onAll">全部转出</div>
      </dd>
    </dl>
  </div>
  <!-- 支付宝 -->
  <p class="pl20 pt20 f24 g9" v-if="withdraw.tabIndex===0&&withdraw.money!==''"><i class="ion-ios-information-outline dib vm text-primary f30 lh0"></i>
    <span class="dib vm" v-if="withdraw.money===''">
      <!-- 将额外收取手续费{{cashRatio}}% -->
      </span>
    <span class="dib vm" v-else-if="parseFloat(withdraw.money)<parseFloat(minMoney)">每次最小提现不得小于{{minMoney}}元</span>
    <span class="dib vm text-primary" v-else-if="parseFloat(withdraw.money)>parseFloat(maxMoney)">输入金额超出余额</span>
    <!-- 单笔最大额度 -->
    <span class="dib vm text-primary"...