feat: redesign public relationship services
This commit is contained in:
Codex
@@ -1,89 +1,39 @@
|
||||
<!-- 公益红娘服务页 U33 -->
|
||||
<view class="mm-page reference-page">
|
||||
<ui-nav-bar
|
||||
title="公益红娘"
|
||||
status-bar-height="{{statusBarHeight}}"
|
||||
nav-bar-height="{{navBarHeight}}"
|
||||
bind:back="onBack"
|
||||
/>
|
||||
<view class="mm-page app-page reference-page">
|
||||
<ui-nav-bar title="公益红娘" status-bar-height="{{statusBarHeight}}" nav-bar-height="{{navBarHeight}}" bind:back="onBack" />
|
||||
<ui-service-hero eyebrow="专业牵线 · 公益助力" title="公益红娘" subtitle="认真倾听你的期待，帮助你认识更合适的人" image-src="/assets/service/matchmaker-hero.jpg" tone="rose" />
|
||||
|
||||
<!-- 首次加载 -->
|
||||
<view wx:if="{{loading && !firstLoaded}}" class="mm-loading">
|
||||
<ui-loading mode="skeleton" rows="2" />
|
||||
<view class="mm-promises">
|
||||
<view class="mm-promise"><image src="/assets/icons/home/matchmaker.png" mode="aspectFit" /><text class="mm-promise__title">公益免费</text><text>不收取服务费用</text></view>
|
||||
<view class="mm-promise"><image src="/assets/icons/home/find-object.png" mode="aspectFit" /><text class="mm-promise__title">真实匹配</text><text>基于审核资料推荐</text></view>
|
||||
<view class="mm-promise"><image src="/assets/icons/home/anti-fraud.png" mode="aspectFit" /><text class="mm-promise__title">隐私保护</text><text>由你本人决定意向</text></view>
|
||||
</view>
|
||||
|
||||
<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>
|
||||
<ui-section-header title="申请状态" subtitle="红娘不会代替你表达喜欢" />
|
||||
<ui-matchmaker-card wx:if="{{activeService}}" service="{{activeService}}" show-recommendations="{{showRecommendations}}" bind:view="onViewService" bind:recommendations="onViewRecommendations" />
|
||||
<view wx:else class="mm-no-service"><image src="/assets/icons/home/matchmaker.png" mode="aspectFit" /><view><text class="mm-no-service__title">暂未申请红娘服务</text><text class="mm-no-service__desc">提交需求后，工作人员会根据你的择偶条件提供公益协助</text></view></view>
|
||||
</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>
|
||||
<ui-section-header title="红娘可以如何帮助" subtitle="陪伴沟通，尊重你的每次决定" />
|
||||
<view class="mm-capability-grid">
|
||||
<view wx:for="{{capabilities}}" wx:key="*this" class="mm-capability"><image src="/assets/icons/home/counseling.png" mode="aspectFit" /><text>{{item}}</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 wx:for="{{historyServices}}" wx:key="serviceId" class="mm-history__item" data-service-id="{{item.serviceId}}" bindtap="onHistoryTap">
|
||||
<view><text class="mm-history__title">公益红娘服务</text><text wx:if="{{item.matchmakerName}}" class="mm-history__meta">红娘：{{item.matchmakerName}}</text></view>
|
||||
<text class="mm-history__status">{{item.statusText || item.status}}</text>
|
||||
<image src="/assets/icons/ui/chevron-right.png" mode="aspectFit" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="mm-fixed-action"><view class="mm-apply" bindtap="onApplyService">{{activeService ? '提交新的红娘需求' : '申请红娘服务'}}</view></view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user