danyang-match/miniapp/pages/fate-center/fate-center.wxml

<!-- 我的缘分页 U22（重构：ui-nav-bar + ui-user-card + matchStore） -->
<view class="page">
  <ui-nav-bar
    title="我的缘分"
    show-back="{{true}}"
    status-bar-height="{{statusBarHeight}}"
    nav-bar-height="{{navBarHeight}}"
    bind:back="onBack"
  />

  <!-- Tab 切换 -->
  <view class="tabs" style="top: {{statusBarHeight + navBarHeight}}px;">
    <view class="tab {{activeTab === 'mutual' ? 'active' : ''}}" data-tab="mutual" bindtap="onTabChange">
      互相喜欢
      <text class="tab-count" wx:if="{{mutualList.length > 0}}">{{mutualList.length}}</text>
    </view>
    <view class="tab {{activeTab === 'liked' ? 'active' : ''}}" data-tab="liked" bindtap="onTabChange">
      我喜欢的
      <text class="tab-count" wx:if="{{likedList.length > 0}}">{{likedList.length}}</text>
    </view>
    <view class="tab {{activeTab === 'likers' ? 'active' : ''}}" data-tab="likers" bindtap="onTabChange">
      喜欢我的
      <text class="tab-count" wx:if="{{likersCount > 0}}">{{likersCount}}</text>
    </view>
  </view>

  <view class="list-wrap">
    <!-- 首次加载 -->
    <ui-loading wx:if="{{loading}}" mode="skeleton" rows="4" />

    <block wx:elif="{{activeTab === 'mutual'}}">
      <block wx:if="{{mutualList.length > 0}}">
        <view class="list">
          <view class="item" wx:for="{{mutualList}}" wx:key="conversationId">
            <ui-user-card user="{{item}}" bind:tap="onViewDetail">
              <view slot="actions">
                <button class="btn-primary" catchtap="onViewDetail" data-user-id="{{item.userId}}">查看资料</button>
              </view>
            </ui-user-card>
          </view>
        </view>
        <ui-loading wx:if="{{loadingMore}}" mode="skeleton" rows="2" />
      </block>
      <ui-empty
        wx:else
        illustration="heart"
        title="还没有互相喜欢的人"
        description="去「找对象」遇见合适的人，双方匹配后可查看公益服务"
        actions="{{[{text:'去「找对象', event:'discover', variant:'primary'}]}}"
        bind:action="onEmptyAction"
      />
    </block>

    <block wx:elif="{{activeTab === 'liked'}}">
      <block wx:if="{{likedList.length > 0}}">
        <view class="list">
          <view class="item" wx:for="{{likedList}}" wx:key="userId">
            <ui-user-card user="{{item}}">
              <view slot="actions">
                <view class="status-waiting">已表达喜欢，等待回应</view>
              </view>
            </ui-user-card>
          </view>
        </view>
        <ui-loading wx:if="{{loadingMore}}" mode="skeleton" rows="2" />
      </block>
      <ui-empty
        wx:else
        illustration="heart"
        title="还没有喜欢过任何人"
        description="去「找对象」看看，遇到心仪的人就表达喜欢吧"
        actions="{{[{text:'去「找对象', event:'discover', variant:'primary'}]}}"
        bind:action="onEmptyAction"
      />
    </block>

    <block wx:elif="{{activeTab === 'likers'}}">
      <block wx:if="{{likersList.length > 0}}">
        <view class="list">
          <view class="item" wx:for="{{likersList}}" wx:key="userId">
            <ui-user-card user="{{item}}">
              <view slot="actions">
                <button
                  class="btn-like-back {{actionLoadingUserId === item.userId ? 'disabled' : ''}}"
                  catchtap="onLikeBack"
                  data-user-id="{{item.userId}}"
                  disabled="{{actionLoadingUserId === item.userId}}"
                >喜欢对方</button>
              </view>
            </ui-user-card>
          </view>
        </view>
        <ui-loading wx:if="{{loadingMore}}" mode="skeleton" rows="2" />
      </block>
      <ui-empty
        wx:else
        illustration="heart"
        title="还没有人喜欢你"
        description="完善资料、上传真实生活照，更容易被合适的人看到"
        actions="{{[{text:'去「找对象', event:'discover', variant:'primary'}]}}"
        bind:action="onEmptyAction"
      />
    </block>
  </view>
</view>