wxmini/pages/AppointmentHistory/index.wxml

<!--index.wxml-->
<view class="MainPage" bindtouchmove="ResetDeleteIndex">
  <scroll-view scroll-y style="height: {{WindowHeight}}px;" bindscrolltolower="GetList">
    <view class="isNull centerLabel" hidden="{{!IsNull}}">
      <text>暂无数据</text>
    </view>
    <view class="list">
      <view wx:for="{{list}}" wx:for-item="item" wx:key="item.appointmentId" bindtap="ResetDeleteIndex">
        <view class="line flex-h">
          <text>{{item.customerName}}</text>
          <text class="flex-item">{{item.phone}}</text>
        </view>
        <view class="line flex-h">
          <text>预约项目：</text>
          <text class="flex-item">{{item.buildingName}}</text>
        </view>
        <view class="line flex-h">
          <text>预约时间：</text>
          <text class="flex-item">{{item.appointmentDate}}</text>
        </view>
        <view class="line">
          <text>备注信息：</text>
          <text style="line-height: 35rpx;">{{item.remark || ''}}</text>
        </view>
        <view class="delete" hidden="{{DeleteIndex !== item.appointmentId}}">
          <view class="centerLabel" data-index="{{item.appointmentId}}" bindtap="DeleteItem">
            <image mode="widthFix" src="/assets/images/icon27.png" class="centerLabel"></image>
          </view>
        </view>
        <view class="layer" data-index="{{item.appointmentId}}" bindlongpress="ShowDeleteItem"></view>
      </view>
    </view>
    <text class="noMore" wx:if="{{!IsNull}}">{{list.length < Total ? '正在加载更多...' : '已加载全部'}}</text>
  </scroll-view>
</view>