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

<scroll-view class="page" scroll-y>
  <view class="shell">
    <view class="hero">
      <view class="hero__eyebrow">Event Play</view>
      <view class="hero__title">{{titleText}}</view>
      <view class="hero__desc">{{summaryText}}</view>
    </view>

    <view class="panel">
      <view class="panel__title">开始前准备</view>
      <view class="summary">Release：{{releaseText}}</view>
      <view class="summary">主动作：{{actionText}}</view>
      <view class="summary">状态：{{statusText}}</view>
      <view class="actions">
        <button class="btn btn--secondary" bindtap="handleRefresh">刷新</button>
        <button class="btn btn--primary" bindtap="handleLaunch">开始比赛</button>
      </view>
    </view>
  </view>
</scroll-view>