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

90 lines
3.2 KiB
Plaintext
Raw Normal View History

2026-09-09 22:05:00 +08:00
<!-- 公益红娘服务页 U33 -->
2026-09-14 06:19:11 +08:00
<view class="mm-page reference-page">
2026-09-09 22:05:00 +08:00
<ui-nav-bar
title="公益红娘"
status-bar-height="{{statusBarHeight}}"
nav-bar-height="{{navBarHeight}}"
bind:back="onBack"
/>
<!-- 首次加载 -->
<view wx:if="{{loading && !firstLoaded}}" class="mm-loading">
<ui-loading mode="skeleton" rows="2" />
</view>
<view wx:else class="mm-body">
<!-- 进行中的服务 -->
<view wx:if="{{activeService}}" class="mm-section">
<ui-section-header title="我的服务" subtitle="当前进行中" />
<ui-matchmaker-card
service="{{activeService}}"
show-recommendations="{{showRecommendations}}"
bind:view="onViewService"
bind:recommendations="onViewRecommendations"
/>
</view>
<!-- 无活跃服务:空状态 + 申请入口 -->
<view wx:else class="mm-empty">
<ui-empty
title="还没有红娘服务"
description="公益红娘可以基于你的择偶条件,为你推荐合适的对象"
illustration="default"
actions="{{emptyActions}}"
bind:action="onEmptyAction"
/>
</view>
<!-- 申请红娘帮助 CTA(无活跃服务时主入口;有活跃服务时仍可重新申请) -->
<view class="mm-section">
<ui-button
variant="{{activeService ? 'secondary' : 'primary'}}"
size="lg"
block
bind:tap="onApplyService"
>{{activeService ? '提交新的红娘需求' : '申请红娘帮助'}}</ui-button>
</view>
<!-- 红娘能力说明(AGENTS 第 1 条:公益免费,无付费/会员差异化) -->
<view class="mm-section">
<view class="mm-cap card-base">
<ui-section-header title="红娘能帮您什么?" />
<view class="mm-cap__list">
<view wx:for="{{capabilities}}" wx:key="*this" class="mm-cap__item">
<view class="mm-cap__dot"></view>
<text class="mm-cap__text">{{item}}</text>
</view>
</view>
<view class="mm-cap__note">
<text>公益服务,全程免费。</text>
</view>
</view>
</view>
<!-- 历史服务列表 -->
<view wx:if="{{historyServices.length}}" class="mm-section">
<ui-section-header title="历史服务" subtitle="共 {{historyServices.length}} 条" />
<view class="mm-history">
<view
wx:for="{{historyServices}}"
wx:key="serviceId"
class="mm-history__item card-base"
data-service-id="{{item.serviceId}}"
bindtap="onHistoryTap"
>
<view class="mm-history__row">
<text class="mm-history__title">公益红娘服务</text>
<text class="mm-history__status mm-history__status--{{item.status}}">{{item.statusText || item.status}}</text>
</view>
<view wx:if="{{item.matchmakerName}}" class="mm-history__meta">
红娘:{{item.matchmakerName}}
</view>
<view wx:if="{{item.lastFollowUpAtText || item.lastFollowUpAt}}" class="mm-history__meta">
最近跟进:{{item.lastFollowUpAtText || item.lastFollowUpAt}}
</view>
</view>
</view>
</view>
</view>
</view>