feat: redesign activity and profile tabs

This commit is contained in:
Codex
2026-09-14 07:05:20 +08:00
parent b7dc52b517
commit a6037ded59
14 changed files with 143 additions and 358 deletions
+23 -31
View File
@@ -1,43 +1,35 @@
<!-- 公益活动列表页 U31 -->
<view class="act-page reference-page">
<!-- 顶部区:标题 + 我的活动入口 -->
<view class="act-page__topbar">
<ui-section-header
title="公益活动"
subtitle="丹阳本地公益组织主办"
action="我的活动"
bind:action="onMyActivities"
/>
<!-- 公益活动列表页:仅展示与报名,不在列表创建 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>
<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"
/>
<ui-empty title="{{emptyConfig.title}}" description="{{emptyConfig.description}}" illustration="{{emptyConfig.illustration}}" actions="{{emptyConfig.actions}}" bind:action="onEmptyAction" />
</view>
</view>