xiangqinxiaochengxu/miniprogram/pages/activity/activity.wxml

43 lines
1.7 KiB
Plaintext

<view class="page activity-page">
<scroll-view class="tabs" scroll-x="true" enable-flex="true">
<view
wx:for="{{tabs}}"
wx:key="value"
class="tab-item {{item.className}}"
data-value="{{item.value}}"
bindtap="switchTab"
>
{{item.label}}
</view>
</scroll-view>
<view class="category-tip">按活动类型筛选,快速找到更适合你的见面场景。</view>
<view wx:for="{{activities}}" wx:key="id" class="activity-card" data-id="{{item.id}}" bindtap="goDetail">
<image wx:if="{{item.cover_image}}" class="cover" src="{{item.cover_image}}" mode="aspectFill" />
<view wx:else class="cover cover-placeholder">活动封面</view>
<view class="card-body">
<view class="card-top">
<view class="title">{{item.title}}</view>
<view class="status-pill {{item.statusClassName}}">{{item.statusText}}</view>
</view>
<view class="meta">{{item.locationText}}</view>
<view class="meta">{{item.start_time}}</view>
<!-- <view class="progress-block">
<view class="progress-label">名额进度</view>
<view class="progress-track">
<view class="progress-value" style="width: {{item.remainPercent}}%;"></view>
</view>
<view class="progress-summary">{{item.remainSummary}}</view>
</view> -->
<view class="footer">
<!-- <view class="footer-texts">
<text class="register">{{item.registerText}}</text>
<text wx:if="{{item.matchSummary}}" class="match-summary">{{item.matchSummary}}</text>
</view> -->
<text class="arrow">查看详情</text>
</view>
</view>
</view>
</view>