ittwxcust/pages/myAppointment/myAppointment.wxml

<!--pages/myAppointment/myAppointment.wxml-->
<view class="myappoint-content">
  <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 class="nav-item nav-done ittflex {{navItemActive == '2' ? 'nav-item-active' : ''}}" bindtap="handleChangeNav" data-index="2">已完成</view>
  </view>
  <block wx:if="{{dataList.length == 0}}">
    <view class="nodate" >
      <van-empty description="暂无数据" />
    </view>
  </block>
  <block wx:else>
    <view wx:for="{{dataList}}" wx:key="index" class="data-item">
      <view class="top date ittflex-jcb">
        <text class="top-date">2022-09-20 13:00-18:00</text>
        <!-- <text class="status s-wait">待服务</text>
        <text class="status s-done">已完成</text> -->
        <text class="status s-cancel">已取消</text>
      </view>
      <view class="center info">
        <view class="username info-item">
          <text>预约账号：</text>
          <text>范一岚</text>
        </view>
        <view class="username-w info-item">
          <text>待检测账号：</text>
          <text>范一岚</text>
        </view>
        <view class="order-time info-item">
          <text>下单时间：</text>
          <text>2022-09-09 22:57</text>
        </view>
      </view>
      <view class="bototm actions">
        <view class="cancel-button ittflex">取消</view>
      </view>
    </view>
  </block>
</view>