jinai-talents/applet/pages/talent/appointment/list.wxml

<cu-custom bgColor="bg-lw-header" isCustom="{{true}}">
  <view slot="content">预约记录</view>
</cu-custom>

<view>
  <view class="cu-card">
    <view class="cu-item shadow" wx:for="{{list}}" wx:key="key">
      <view class="padding">
        <view class="flex align-center justify-between">
          <view>
            <text class="text-bold text-black">{{item.shift}}</text>
          </view>
          <view class="cu-tag line-blue radius">{{item.status_text}}</view>
        </view>
        <view class="text-sm margin-top-xs">出发时间：{{item.start_time}}</view>
        <view class="text-sm margin-top-xs" bind:tap="callMobile">工作人员：{{mobile ? mobile : "暂无"}}<text class="margin-left-sm text-lg text-blue cuIcon-dianhua"></text></view>
        <view class="grid col-4 grid-square flex-sub margin-top">
          <view class="bg-img" bindtap="ViewImage" data-url="{{item.image}}" wx:if="{{item.image}}">
            <image src="{{item.image}}" mode="aspectFill"></image>
          </view>
        </view>
      </view>
      <view class="text-right solid-form-top padding-lr padding-bottom option-box">
        <view class="cu-btn radius bg-blue margin-left" bindtap="showQrcode" data-code="{{item.apply_code}}" wx:if="{{item.status == 2}}">预约码</view>
        <view class="cu-btn radius bg-blue margin-left" bindtap="toEva" data-id="{{item.id}}" wx:if="{{item.status == 3}}">评价</view>
      </view>
    </view>
  </view>
  <view wx:if="{{no_more}}" class="no_more">没有更多数据</view>
</view>

<view class="foot-view"></view>
<view class="cu-bar tabbar bg-white foot">
  <view class="action" bind:tap="toIndex">
    <view class="cuIcon-cu-image">
      <image src="/common/images/tabbar/index.png"></image>
    </view>
    <view class="text-gray">预约</view>
  </view>
  <view class="action">
    <view class="cuIcon-cu-image">
      <image src="/common/images/tabbar/my_cur.png"></image>
    </view>
    <view class="text-gray">预约记录</view>
  </view>
</view>