minixyz/pages/phoneCharges/phoneCharges.wxml

<view class="postage">
  <view class="tips" wx:if="{{tips}}">{{tips}}</view>
  <!-- 选择油卡 -->
  <view class="tabs">
    <view class="tabs-content border-top-radius">
      <view class="tabs-content__tips">
        <text class="tabs-content__tips-text">选择手机号</text>
        <!-- <image class="tabs-content__tips-add" src="/image/postage/add.png"></image> -->
      </view>
      <view class="card-no vux-1px-b" bindtap="handlerAddCard">
        {{card_no}}
      </view>
    </view>
  </view>
  
  <!-- 充值挡位 -->
  <view class="rechargeGear" wx:if="{{goods.length}}">
    <view class="rechargeGear-title">充值挡位</view>
    <view class="rechargeGear-content">
      <view class="rechargeGear-content__item {{rechargeGearActiveIndex == index ? 'active' : ''}}" wx:for="{{goods}}" wx:key="index" 
      bindtap="handlerClickRechargeGear" data-activeindex="{{index}}" data-currentvalue="{{item.goods_id}}">
        <view class="faceValue">{{item.goods_spec}}</view>
        <view class="price">售价 {{item.goods_price}} 元</view>
      </view>
    </view>
    <view class="rechargeGear-footer">
      <view class="btn-rechargeNow" bindtap="handlerRecharge">
        <text>立即充值</text>
      </view>
      <view class="rechargeNow-tips">充值后，即时到账</view>
    </view>
  </view>
</view>