mini-starter/mini-demo/pages/schedule-list/schedule-list.wxml

<view class="schedule-list">
  <view class="header-section">
    <view class="activity-name">{{activityName}}</view>
    <view class="route-display">{{fromCity}} → {{toCity}}</view>
    <view wx:if="{{tripLabel}}" class="trip-type-info">{{tripLabel}}</view>
  </view>
  
  <view class="date-section">
    <view class="section-title">选择出发日期</view>
    <scroll-view scroll-x="true" class="date-scroll">
      <view wx:for="{{dates}}" wx:key="item" class="date-btn {{currentDate===item?'active':''}}" bindtap="onDateChange" data-date="{{item}}">
        <view class="date-text">{{item}}</view>
        <view class="weekday">{{item === currentDate ? '今日' : ''}}</view>
      </view>
    </scroll-view>
  </view>
  
  <view class="schedules-section">
    <view class="section-title">
      可选班次 
      <text class="schedule-count">({{schedules.length}}个班次)</text>
    </view>
    
    <block wx:for="{{schedules}}" wx:key="id">
      <view class="schedule-card {{item.type === 'business-charter' ? 'charter-card' : ''}}">
        <view class="card-header">
          <view class="time-info">
            <text class="departure-time">{{item.time}}</text>
            <text class="duration">{{item.duration}}</text>
          </view>
          <view class="price-info">
            <text class="price">¥{{item.price}}</text>
            <text class="price-unit">{{item.type === 'business-charter' ? '/车' : '/人'}}</text>
          </view>
        </view>
        
        <view class="vehicle-info">
          <text class="vehicle-model">{{item.model}}</text>
          <view class="vehicle-tags">
            <text class="tag {{item.type === 'business-charter' ? 'charter-tag' : 'share-tag'}}">
              {{item.type === 'business-charter' ? '包车' : (item.type === 'business-share' ? '商务拼车' : '大巴拼车')}}
            </text>
          </view>
        </view>
        
        <view class="location-info">
          <view class="location-item">
            <text class="location-label">上车：</text>
            <text class="location-text">{{item.fromLoc}}</text>
          </view>
          <view class="location-item">
            <text class="location-label">下车：</text>
            <text class="location-text">{{item.toLoc}}</text>
          </view>
        </view>
        
        <view class="capacity-info">
          <text class="capacity-text">
            {{item.type === 'business-charter' ? '可载' + item.total + '人' : '剩余' + item.left + '/' + item.total + '座'}}
          </text>
          <view wx:if="{{item.features}}" class="features">
            <text wx:for="{{item.features}}" wx:key="feature" class="feature-tag">{{item}}</text>
          </view>
        </view>
        
        <view wx:if="{{item.refundPolicy}}" class="policy-info">
          <text class="policy-text">{{item.refundPolicy}}</text>
        </view>
        
        <button class="book-btn {{item.type === 'business-charter' ? 'charter-btn' : ''}}" 
                bindtap="book" 
                data-id="{{item.id}}"
                disabled="{{item.left === 0}}">
          {{item.left === 0 ? '已售罄' : (item.type === 'business-charter' ? '立即包车' : '立即购票')}}
        </button>
      </view>
    </block>
    
    <view wx:if="{{schedules.length===0}}" class="empty-schedules">
      <view class="empty-icon">🚌</view>
      <view class="empty-text">暂无班次</view>
      <view class="empty-desc">请选择其他日期查看</view>
    </view>
  </view>
</view>