payProject/subPackages/pages/cardBag/cardBag.wxml

<view>
  <view class="history">
    <view bindtap="jumpHis">历史记录</view>
  </view>
  <view class="tabs-wrap flex-align-center">
    <view class="item flex-center {{current == 1 ? 'active' : ''}}" bindtap="onTabsChange" data-id="1">
      未使用
    </view>
    <view class="item flex-center {{current == 2 ? 'active' : ''}}" bindtap="onTabsChange" data-id="2">
      已使用
    </view>
    <view class="item flex-center {{current == 3 ? 'active' : ''}}" bindtap="onTabsChange" data-id="3">
      已过期
    </view>
  </view>
  <scroll-view class="scroll" scroll-y bindscrolltolower="toLower" enable-flex="true">
    <view class="content">
      <view class="conItem" wx:for="{{list}}" data-id="{{item.id}}" wx:key="{{index}}" bindtap="jumpCard" >
        <view class="leftLine {{current!=1?'leftLineDe':''}}"></view>
        <view class="right">
          <view class="titleFrequency">
            <view class="title">{{item.name}}</view>
            <view class="frequency" wx:if="{{current==1}}">
              <text class="usedTimes">{{item.used_num}}</text>
              <text class="totalFrequency">/{{item.total_num}}</text>
            </view>
          </view>
          <view class="beOverdueToUse {{item.day == 0 ? 'hideRight' : ''}}">
            <view class="beOverdue {{item.day == 0 ? 'hide' : ''}}">
              <text class="beOverdueItem">还有</text>
              <text class="beOverdueItem {{item.day < 15 ? 'tips' : ''}}">{{item.day}}天</text>
              <text class="beOverdueItem">({{item.expir_date}})过期</text>
            </view>
            <view class="toUse" catchtap="jumpProject" data-project_id="{{item.project_id}}" wx:if="{{item.project_id&&current==1}}">去使用</view>
          </view>
        </view>
        <view class="cardBg">
          <image src="{{current==1?'https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220610/cardBg.png':'https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220610/de_icon.png'}}"></image>
        </view>
      </view>
      <view class="loading" hidden="{{!loadMore}}">正在载入更多...</view>
      <view class="loading" hidden="{{!loadAll}}">已加载全部</view>
      <view class="no-data" style="display: {{list.length == 0 ? 'block' : 'none'}};">暂无数据~</view>
    </view>
  </scroll-view>
</view>