Files
danyang-match/miniapp/pages/activity/activity.wxml
T

36 lines
1.8 KiB
Plaintext

<!-- 公益活动列表页:仅展示与报名,不在列表创建 Match 或聊天 -->
<view class="act-page app-page reference-page">
<view class="activity-hero">
<view class="activity-nav">
<text class="activity-title">公益活动</text>
<view class="activity-calendar" bindtap="onMyActivities">
<image src="/assets/icons/home/activity.png" mode="aspectFit" />
</view>
</view>
<scroll-view scroll-x class="activity-categories">
<view class="activity-category-row">
<view wx:for="{{categories}}" wx:key="code" class="activity-category {{activeCategory === item.code ? 'active' : ''}}" data-code="{{item.code}}" bindtap="onCategoryTap">{{item.label}}</view>
</view>
</scroll-view>
</view>
<view class="activity-heading">
<view><text class="heading-title">丹阳公益活动</text><text class="heading-subtitle">丰富活动,连接更多可能</text></view>
<text class="my-activity-link" bindtap="onMyActivities">我的活动</text>
</view>
<view wx:if="{{loading && !firstLoaded}}" class="act-loading">
<ui-loading mode="skeleton" rows="3" />
</view>
<view wx:elif="{{activities.length}}" class="act-list">
<ui-activity-card wx:for="{{activities}}" wx:key="activityId" activity="{{item}}" bind:tap="onActivityTap" />
<view wx:if="{{loadingMore}}" class="act-list__more"><ui-loading mode="spinner" inline text="加载更多活动" /></view>
<view wx:elif="{{!hasMore}}" class="act-list__end">更多公益活动正在筹备</view>
</view>
<view wx:else class="act-empty">
<ui-empty title="{{emptyConfig.title}}" description="{{emptyConfig.description}}" illustration="{{emptyConfig.illustration}}" actions="{{emptyConfig.actions}}" bind:action="onEmptyAction" />
</view>
</view>