yujianni-zfb/pages/balance/balance.axml

<view class="balance">
  <view class="balance-top">
   注意：余额不可退还
  </view>
  <view class="chongzhi">
    <view class="card">
      <view class="yue" onTap="frameShow">
        <text>车费余额</text>
        <!-- <text class="iconfont icon-iconfontjiantou2"></text> -->
      </view>
      <view class="balance-num">
        <text class="money">{{balance|parseFloat}}</text>
        <text class="yuan">元</text>
      </view>
    </view>
    <view class="money-list">
      <view  class="{{currentNow==index ? 'active' : 'money-item'}}"  a:for="{{moneyList}}" a:key="{{index}}" onTap="changeMoney" data-idx="{{index}}">
        <text>{{index==Index?'充':''}}{{item.recharge_money}}元</text>
        <text a:if="{{item.give_money!=0}}">送{{item.give_money}}元</text>
        </view>
        <view  class="{{currentNow==-1 ? 'active' : 'money-item'}}"  onTap="changeMoney"  data-idx="-1">
        <text>自定义</text>
        </view>
    </view>
    <view class="zidingyi" a:if="{{currentNow==-1}}">
 <input type="number" onFocus="enter" onInput="ckInp" value="{{inputValue}}" type="number" placeholder="自定义金额（1—1000内整数）" placeholder-class="no-input"/></view>
  </view>
  <view class="bottom-card">
    <view class="bottom-list">
      <view class="bottom-item1" onTap="pay">充值</view>
    </view>
   <view class="button-tips" onTap="skipXieyi">
    <text>充值即代表同意<text class="xieyi">《禹见你用户协议》</text>  
  </view>
  </view>
  <!-- 自定义充值金额弹框 -->

  <!-- 车费余额弹框 -->
  <view class="frame" a:if="{{isShow==true}}" onTap="hideFrame">
    <view class="frame-content">
     <view class="frame-title">
       车费余额0元，包含：
     </view>
     <view class="money-detail">
       <view class="detail-item">
         <view class="detail-nums">0</view>
         <view class="detail-text">个人充值金额</view>
       </view>
       <view class="detail-item">
        <view class="detail-nums">0</view>
         <view class="detail-text">平台赠送金额</view>
       </view>
     </view>
    </view>
  </view>
</view>