app/pages/my/myPlay/myPlay.wxml

<view class='w100 view-type flex-a-center'>
  <view wx:for="{{typeList}}" class="view-li {{typeListIndex===index?'view-li-active':''}}" data-index="{{index}}"
    bindtap="switchType">
    <text class="{{typeListIndex===index?'li-text-active':''}}">{{item.name}}</text>
  </view>
</view>
<block wx:if="{{listData.length>0}}">
  <view class='active-view active-view-list {{typeListIndex==0?"border":""}}' wx:for="{{listData}}">
    <view class='rel img-view img-view-item' data-id="{{item.activityId}}" bindtap='seeDetails'>
      <view class="activity-imgs-wrap {{typeListIndex==1? 'activity-imgs-wrap-after':''}}">
        <image mode="aspectFill" src="{{item.activity.thumbnailImg}}" class='activity-imgs'></image>
        <view class="activity-imgs-over" wx:if="{{typeListIndex==1}}">
          <image mode="aspectFill" src="{{appAssetsUrl}}/images/my/endActivity.png" class='icyover'></image>
        </view>
      </view>
      <view class='flex-a-right'>
        <view class="title">{{item.activity.title}}</view>
        <view class="item">
          <image src="/assets/images/online/icon_1.png" mode="widthFix"></image>
          <text>时间：{{item.activity.startTime}}-{{item.activity.endTime}}</text>
        </view>
        <view class="item">
          <image src="/assets/images/online/icon_2.png" mode="widthFix"></image>
          <text>地址：{{item.activity.address}}</text>
        </view>
        <view class="item">
          <image src="/assets/images/online/icon_3.png" mode="widthFix"></image>
          <text>名额：<text>{{item.activity.willnum}}</text>人</text>
        </view>
        <view wx:if="{{typeListIndex==0}}" class='flex-btn-wrap'>
          <view class="btn c mr10" data-id="{{item.activityId}}" catchtap='cancel'>取消活动</view>
          <view class="btn s" data-tel="{{item.activity.teacherPhone}}" catchtap='calltech'>联系老师</view>
        </view>
      </view>
    </view>
  </view>
</block>
<block wx:if="{{listData.length==0}}">
  <view class='tc h100'>
    <image src="{{nodata}}" class='nodata-img'></image>
  </view>
</block>
<!-- <button class="custCare" open-type="contact" session-from="sessionFrom">
  <image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
</button> -->