48 lines
2.3 KiB
Plaintext
48 lines
2.3 KiB
Plaintext
<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>
|