mini-starter/mini-demo/pages/select-activity/select-activity.wxml

<view class="select-activity">
  <view class="header-info">
    <view class="route-info">{{fromCity}} → {{toCity}}</view>
    <view class="date-info">{{selectedDate}}</view>
  </view>
  
  <view class="section-title">选择观看活动</view>
  <view class="tip-text">系统已为您自动匹配出发地和目的地的热门活动</view>
  <view class="date-filter-tip">仅显示{{selectedDate}}前后2天内的活动</view>
  
  <!-- 去程活动区域 -->
  <view class="trip-section">
    <view class="trip-header departure">
      <view class="trip-title">
        <text class="trip-icon">✈️</text>
        <text class="trip-text">去程活动</text>
      </view>
      <view class="trip-desc">前往{{toCity}}观看活动</view>
    </view>
    
    <block wx:if="{{departureActivities.length > 0}}">
      <block wx:for="{{departureActivities}}" wx:key="id">
        <view class="activity-card departure" bindtap="chooseActivity" data-id="{{item.id}}" data-type="departure">
          <image src="{{item.img}}" class="activity-img"/>
          <view class="activity-info">
            <view class="activity-title">{{item.name}}</view>
            <view class="activity-time">{{item.date}}</view>
            <view class="activity-place">{{item.place}}</view>
            <view class="activity-city">{{item.city}}</view>
            <view class="match-point">到达：{{item.matchPoint}}</view>
          </view>
          <view class="arrow-icon">></view>
        </view>
      </block>
    </block>
    
    <view wx:else class="empty-trip">
      <text class="empty-trip-text">{{toCity}}暂无活动</text>
    </view>
  </view>
  
  <!-- 返程活动区域 -->
  <view class="trip-section">
    <view class="trip-header return">
      <view class="trip-title">
        <text class="trip-icon">🏠</text>
        <text class="trip-text">返程活动</text>
      </view>
      <view class="trip-desc">从{{fromCity}}观看活动后返回</view>
    </view>
    
    <block wx:if="{{returnActivities.length > 0}}">
      <block wx:for="{{returnActivities}}" wx:key="id">
        <view class="activity-card return" bindtap="chooseActivity" data-id="{{item.id}}" data-type="return">
          <image src="{{item.img}}" class="activity-img"/>
          <view class="activity-info">
            <view class="activity-title">{{item.name}}</view>
            <view class="activity-time">{{item.date}}</view>
            <view class="activity-place">{{item.place}}</view>
            <view class="activity-city">{{item.city}}</view>
            <view class="match-point">出发：{{item.matchPoint}}</view>
          </view>
          <view class="arrow-icon">></view>
        </view>
      </block>
    </block>
    
    <view wx:else class="empty-trip">
      <text class="empty-trip-text">{{fromCity}}暂无活动</text>
    </view>
  </view>
  
  <!-- 全部为空的状态 -->
  <view wx:if="{{departureActivities.length === 0 && returnActivities.length === 0}}" class="empty-state">
    <view class="empty-icon">🎭</view>
    <view class="empty-text">暂无相关活动</view>
    <view class="empty-desc">{{fromCity}}和{{toCity}}当前都没有热门活动</view>
  </view>
</view>