ittwxcust/pages/myRecord/myRecord.wxml

<!--pages/myRecord/myRecord.wxml-->
<view class="myrecord-content">
  <block>
    <view class="nav-header ittflex">
      <view class="nav-item nav-all ittflex {{navItemActive == '0' ? 'nav-item-active' : ''}}" bindtap="handleChangeNav" data-index="0">充值记录</view>
      <view class="nav-item nav-wait ittflex {{navItemActive == '1' ? 'nav-item-active' : ''}}" bindtap="handleChangeNav" data-index="1">核销记录</view>
    </view>
  </block>
  <block wx:if="{{navItemActive == '0'}}">
    <view class="charge-record record-main">
      <block wx:if="{{chargeRecordList.length == 0}}">
        <view class="nodate" >
          <van-empty description="暂无数据" />
        </view>
      </block>
      <block wx:if="{{chargeRecordList.length !== 0}}">
        <view class="record-item ittflex-jcs" wx:for="{{chargeRecordList}}" wx:key="index">
          <view class="left icon">
          <!--  <image class="image" src="../../imaes/shiti@2x.png"></image> -->
            <image class="image" src="../../imaes/dianzi@2x.png"></image>
          </view>
          <view class="center info">
            <view class="title info-item">一次体验卡</view>
            <view class="carno info-item">
              <text>卡编号：</text>
              <text>2000202020202020</text>
            </view>
            <view class="time info-item">
              <text>激活时间：</text>
              <text>2022-10-10 22:22</text>
            </view>
          </view>
          <view class="right count">+199</view>
        </view>
      </block>
    </view>
  </block>
  <block wx:if="{{navItemActive == '1'}}">
    <view class="destory-record record-main">
      <block wx:if="{{destoryRecordList.length == 0}}">
        <view class="nodate" >
          <van-empty description="暂无数据" />
        </view>
      </block>
      <block wx:if="{{destoryRecordList.length !== 0}}">
        <view class="record-item ittflex-jcs" wx:for="{{destoryRecordList}}" wx:key="index">
          <view class="left icon">
          <!--  <image class="image" src="../../imaes/shiti@2x.png"></image> -->
            <image class="image" src="../../imaes/baogao_sel@2x.png"></image>
          </view>
          <view class="center info">
            <view class="title info-item">体验核销成功</view>
            <view class="time info-item">
              <text>核销时间：</text>
              <text>2022-10-10 22:22</text>
            </view>
          </view>
          <view class="right count">+199</view>
        </view>
      </block>
    </view>
  </block>
</view>