80 lines
2.9 KiB
Plaintext
80 lines
2.9 KiB
Plaintext
<view class="friends-page">
|
|
<!-- 固定液态玻璃顶栏:标题 + 通知铃铛(紧贴胶囊按钮) -->
|
|
<view class="glass-topbar">
|
|
<view style="height: {{statusBarHeight}}px;"></view>
|
|
<view class="navbar" style="height: {{navbarHeight}}px; padding-right: {{navbarPaddingRight}}px;">
|
|
<view class="topbar-logo">汪<text class="logo-accent">友</text></view>
|
|
<view class="navbar-action {{hasUnread ? 'has-badge' : ''}}" bindtap="onNotify">
|
|
<view class="icon-line icon-bell-line"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 顶栏占位 -->
|
|
<view style="height: {{statusBarHeight + navbarHeight}}px; flex-shrink: 0;"></view>
|
|
|
|
<!-- 次级菜单栏：位于胶囊下方，全宽可用 -->
|
|
<view class="subbar">
|
|
<view class="topbar-tabs">
|
|
<view class="ftab {{activeTab === 'following' ? 'ftab-active' : ''}}" bindtap="switchTab" data-tab="following">
|
|
关注 <text class="ftab-count">{{followingCount}}</text>
|
|
</view>
|
|
<view class="ftab {{activeTab === 'followers' ? 'ftab-active' : ''}}" bindtap="switchTab" data-tab="followers">
|
|
粉丝 <text class="ftab-count">{{followersCount}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="topbar-btn" bindtap="onFindFriends">+</view>
|
|
</view>
|
|
|
|
<!-- 空态 -->
|
|
<view wx:if="{{!loading && list.length === 0}}" class="empty-wrap">
|
|
<view class="empty-inner">
|
|
<text class="empty-emoji">🐾</text>
|
|
<text class="empty-title">还没有{{activeTab === 'following' ? '关注' : '粉丝'}}</text>
|
|
<text class="empty-desc">去附近认识新朋友，一起遛狗打卡吧</text>
|
|
<view class="btn-primary go-btn" bindtap="onGoNearby">去附近找</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 列表 -->
|
|
<scroll-view
|
|
wx:else
|
|
scroll-y="true"
|
|
class="friends-scroll"
|
|
enhanced="true"
|
|
bounces="{{false}}"
|
|
show-scrollbar="false"
|
|
refresher-enabled="true"
|
|
bindrefresherrefresh="onRefresh"
|
|
refresher-triggered="{{refreshing}}"
|
|
>
|
|
<view
|
|
wx:for="{{list}}"
|
|
wx:key="_id"
|
|
class="friend-item"
|
|
bindtap="onItemTap"
|
|
data-uid="{{item._id}}"
|
|
>
|
|
<view class="friend-avatar" style="background: {{item.gradient}}">
|
|
<text>{{item.nickName[0]}}</text>
|
|
</view>
|
|
<view class="friend-info">
|
|
<view class="friend-name-row">
|
|
<text class="friend-name">{{item.nickName}}</text>
|
|
<view wx:if="{{item.isOnline}}" class="online-tag">在线</view>
|
|
</view>
|
|
<text class="friend-bio">{{item.pets[0] ? item.pets[0].emoji + ' ' + item.pets[0].name + ' · ' + item.pets[0].breed : item.bio || '宠物爱好者'}}</text>
|
|
</view>
|
|
<view
|
|
class="follow-btn {{activeTab === 'following' ? 'following' : ''}}"
|
|
catchtap="onFollowTap"
|
|
data-uid="{{item._id}}"
|
|
>
|
|
{{activeTab === 'following' ? '已关注' : '关注'}}
|
|
</view>
|
|
</view>
|
|
|
|
<view style="height: {{tabBarHeight}}px"></view>
|
|
</scroll-view>
|
|
</view>
|