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

<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 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 class="mm-section">
      <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>

    <view class="mm-section">
      <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" 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>