mini-prog/miniprogram/pages/events/events.wxml

<scroll-view class="page" scroll-y>
  <view class="shell">
    <view class="hero">
      <view class="hero__eyebrow">Activity List</view>
      <view class="hero__title">活动列表</view>
      <view class="hero__desc">当前阶段先做独立列表页第一刀，不重构首页入口区。</view>
    </view>

    <view class="panel">
      <view class="panel__title">筛选</view>
      <view class="summary">{{statusText}}</view>
      <view class="filters">
        <view class="filter-chip {{currentFilter === 'all' ? 'filter-chip--active' : ''}}" data-filter="all" bindtap="handleSwitchFilter">全部</view>
        <view class="filter-chip {{currentFilter === 'experience' ? 'filter-chip--active' : ''}}" data-filter="experience" bindtap="handleSwitchFilter">体验</view>
      </view>
      <view class="actions">
        <button class="btn btn--secondary" bindtap="handleRefresh">刷新列表</button>
      </view>
    </view>

    <view class="panel">
      <view class="panel__title">活动卡片</view>
      <view wx:if="{{!cards.length}}" class="summary">当前筛选下没有活动卡片</view>
      <view wx:for="{{cards}}" wx:key="id" class="card {{item.disabled ? 'card--disabled' : ''}}" bindtap="handleOpenCard" data-event-id="{{item.eventId}}">
        <image wx:if="{{item.coverUrl}}" class="card__cover" src="{{item.coverUrl}}" mode="aspectFill"></image>
        <view class="card__top">
          <text class="card__badge">{{item.badgeText}}</text>
          <text class="card__type">{{item.eventTypeText}}</text>
        </view>
        <view class="card__title">{{item.titleText}}</view>
        <view wx:if="{{item.subtitleText}}" class="card__subtitle">{{item.subtitleText}}</view>
        <view class="card__summary">{{item.summaryText}}</view>
        <view class="card__meta-row">
          <text class="card__meta">{{item.statusText}}</text>
          <text class="card__meta">{{item.timeWindowText}}</text>
        </view>
        <view class="card__meta-row">
          <text class="card__meta">展示：{{item.presentationText}}</text>
        </view>
        <view class="card__meta-row">
          <text class="card__meta">内容：{{item.contentBundleText}}</text>
        </view>
        <view class="card__cta">{{item.ctaText}}</view>
      </view>
    </view>
  </view>
</scroll-view>