minixyz/pages/postage/postage.wxml

<view class="postage">
  <view class="tips" wx:if="{{tips}}">{{tips}}</view>
  <!-- 选择油卡 -->
  <view class="tabs" wx:if="{{tabsData.length}}">
    <view class="tabs-title">
      <view class="tabs-title-item {{currentIndex == index ? 'active' : ''}}" wx:for="{{tabsData}}" wx:key="index" 
      bindtap="handlerClickTabItem" data-activeindex="{{index}}" data-cardno="{{item.card_no}}">
        <image class="tabs-title-item__icon" src="{{item.icon}}"></image>
        <text class="tabs-title-item__text">{{item.title}}</text>
      </view>
    </view>
    <view class="tabs-content" wx:for="{{tabsData}}" wx:key="index"  style='display:{{currentIndex !== index ? "none" : "block"}}'>
      <view class="tabs-content__tips" catchtap="handlerClickAdd">
        <text class="tabs-content__tips-text">{{item.tips}}</text>
        <!-- <image class="tabs-content__tips-add" src="/image/postage/add.png"></image> -->
      </view>
      <view class="card-no vux-1px-b" bindtap="handlerAddCard">
        {{ defaultAddress.mob_phone || item.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>