63 lines
2.1 KiB
Plaintext
63 lines
2.1 KiB
Plaintext
|
<view class="ui-act {{compact ? 'ui-act--compact' : ''}}" bindtap="onTap">
|
||
|
|
<view class="ui-act__cover">
|
||
|
|
<image
|
||
|
|
wx:if="{{activity.coverUrl}}"
|
||
|
|
class="ui-act__cover-img"
|
||
|
|
src="{{activity.coverUrl}}"
|
||
|
|
mode="aspectFill"
|
||
|
|
/>
|
||
|
|
<view wx:else class="ui-act__cover-placeholder">
|
||
|
|
<view class="ui-act__cover-icon"></view>
|
||
|
|
</view>
|
||
|
|
<view class="ui-act__fee-badge {{activity.feeType === 'paid' ? 'ui-act__fee-badge--paid' : 'ui-act__fee-badge--free'}}">
|
||
|
|
{{activity.feeType === 'paid' ? '付费' : '公益免费'}}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="ui-act__body">
|
||
|
|
<view class="ui-act__title">{{activity.title}}</view>
|
||
|
|
<view class="ui-act__meta">
|
||
|
|
<text class="ui-act__time">{{activity.startAtText || activity.startAt}}</text>
|
||
|
|
<text wx:if="{{activity.location}}"> · {{activity.location}}</text>
|
||
|
|
</view>
|
||
|
|
<view wx:if="{{activity.organizer}}" class="ui-act__meta ui-act__organizer">
|
||
|
|
主办：{{activity.organizer}}
|
||
|
|
</view>
|
||
|
|
<view wx:if="{{activity.suitableFor}}" class="ui-act__meta">
|
||
|
|
适合：{{activity.suitableFor}}
|
||
|
|
</view>
|
||
|
|
<view wx:if="{{!compact}}" class="ui-act__intro">{{activity.intro}}</view>
|
||
|
|
<view class="ui-act__footer">
|
||
|
|
<view class="ui-act__capacity">
|
||
|
|
<text wx:if="{{activity.capacity}}">容量 {{activity.capacity}}</text>
|
||
|
|
</view>
|
||
|
|
<view wx:if="{{showStatusBadge}}">
|
||
|
|
<ui-status-badge
|
||
|
|
wx:if="{{activity.status === 'registration_open'}}"
|
||
|
|
kind="success"
|
||
|
|
label="报名中"
|
||
|
|
/>
|
||
|
|
<ui-status-badge
|
||
|
|
wx:elif="{{activity.status === 'registration_closed'}}"
|
||
|
|
kind="warning"
|
||
|
|
label="报名截止"
|
||
|
|
/>
|
||
|
|
<ui-status-badge
|
||
|
|
wx:elif="{{activity.status === 'ongoing'}}"
|
||
|
|
kind="info"
|
||
|
|
label="进行中"
|
||
|
|
/>
|
||
|
|
<ui-status-badge
|
||
|
|
wx:elif="{{activity.status === 'ended'}}"
|
||
|
|
kind="disabled"
|
||
|
|
label="已结束"
|
||
|
|
/>
|
||
|
|
<ui-status-badge
|
||
|
|
wx:elif="{{activity.status === 'cancelled'}}"
|
||
|
|
kind="danger"
|
||
|
|
label="已取消"
|
||
|
|
/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|