xiangqinxiaochengxu/miniprogram/pages/activity-detail/activity-detail.wxml

43 lines
2.2 KiB
Plaintext

<view class="page detail-page" wx:if="{{activity}}">
<image wx:if="{{activity.cover_image}}" class="banner" src="{{activity.cover_image}}" mode="aspectFill" />
<view wx:else class="banner banner-placeholder">活动封面</view>
<view class="section-card">
<view class="title">{{activity.title}}</view>
<view class="meta">地点:{{activity.locationText}}</view>
<view class="meta">开始:{{activity.start_time}}</view>
<view class="meta">结束:{{activity.end_time}}</view>
<view class="meta">报名截止:{{activity.signupDeadlineText}}</view>
<view class="meta">匹配截止:{{activity.matchDeadlineText}}</view>
<view class="meta">男 {{activity.registered_male}} / {{activity.capacity_male}} · 女 {{activity.registered_female}} / {{activity.capacity_female}}</view>
<view class="meta match-meta">{{activity.stageText}}</view>
<view wx:if="{{activity.is_bound || activity.is_registered}}" class="meta match-meta">{{activity.selectionSummaryText}}</view>
</view>
<view class="section-card" wx:if="{{activity.registered_preview.length}}">
<view class="section-title">活动现场嘉宾预览</view>
<view class="avatar-list">
<view class="avatar-item" wx:for="{{activity.registered_preview}}" wx:key="user_id">
<image wx:if="{{item.avatar_blur_url}}" class="avatar" src="{{item.avatar_blur_url}}" mode="aspectFill" />
<view wx:else class="avatar avatar-placeholder">用户</view>
<view class="avatar-name">{{item.nicknameText}}</view>
</view>
</view>
</view>
<view class="section-card">
<view class="section-title">活动详情</view>
<view class="desc">{{activity.descriptionText}}</view>
</view>
<view class="bottom-bar">
<view class="bottom-actions">
<button class="secondary-btn action-btn" bindtap="goMatchResults" wx:if="{{activity.is_bound || activity.is_registered}}">查看结果</button>
<button class="secondary-btn action-btn" bindtap="goActivityMatch" wx:if="{{activity.can_enter_match}}">进入匹配</button>
</view>
<button class="primary-btn action-btn primary-action" bindtap="handleRegister" loading="{{submitting}}">
{{activity.actionText}}
</button>
</view>
</view>