mini-prog/miniprogram/pages/experience-map/experience-map.wxml

<scroll-view class="page" scroll-y>
  <view class="shell">
    <view class="hero">
      <view class="hero__eyebrow">Map Detail</view>
      <view class="hero__title">{{mapText}}</view>
      <view class="hero__desc">{{placeText}}</view>
    </view>

    <view class="panel">
      <view class="panel__title">地图信息</view>
      <view class="summary">{{summaryText}}</view>
      <view class="summary">{{tileInfoText}}</view>
      <view class="summary">{{statusText}}</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="eventId" class="card {{item.disabled ? 'card--disabled' : ''}}" bindtap="handleOpenExperience" data-event-id="{{item.eventId}}">
        <view class="card__top">
          <text class="card__badge">体验</text>
          <text class="card__type">{{item.eventTypeText}}</text>
        </view>
        <view class="card__title">{{item.titleText}}</view>
        <view class="card__subtitle">{{item.subtitleText}}</view>
        <view class="card__meta-row">
          <text class="card__meta">{{item.statusText}}</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>