106 lines
4.0 KiB
Plaintext
106 lines
4.0 KiB
Plaintext
<!-- 我的缘分页 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="onStartChat" data-conversation-id="{{item.conversationId}}">开始聊天</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}}"
|
||
>喜欢TA</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>
|