101 lines
2.6 KiB
TypeScript
101 lines
2.6 KiB
TypeScript
import { UserProfile, AppGlobalData } from '../../types/index'
|
|
import { api } from '../../utils/api'
|
|
import { getAvatarGradient } from '../../utils/format'
|
|
|
|
const app = getApp<{ globalData: AppGlobalData }>()
|
|
|
|
Page({
|
|
data: {
|
|
statusBarHeight: 0,
|
|
navbarHeight: 44,
|
|
navbarPaddingRight: 0,
|
|
tabBarHeight: 56,
|
|
activeTab: 'following' as 'following' | 'followers',
|
|
list: [] as any[],
|
|
followingCount: 0,
|
|
followersCount: 0,
|
|
loading: false,
|
|
refreshing: false,
|
|
hasUnread: false,
|
|
},
|
|
|
|
onLoad() {
|
|
const info = wx.getSystemInfoSync()
|
|
const { statusBarHeight, navbarHeight, navbarPaddingRight } = app.globalData.navBarInfo
|
|
this.setData({
|
|
statusBarHeight,
|
|
navbarHeight,
|
|
navbarPaddingRight,
|
|
tabBarHeight: info.windowHeight - (info.safeArea?.bottom ?? info.windowHeight) + 56,
|
|
})
|
|
this.loadList()
|
|
},
|
|
|
|
onShow() {
|
|
const tabBar = this.getTabBar() as any
|
|
tabBar?.setSelected?.(2)
|
|
},
|
|
|
|
async loadList() {
|
|
this.setData({ loading: true })
|
|
try {
|
|
const list = await api.getFollowList(this.data.activeTab)
|
|
const enriched = list.map(u => ({
|
|
...u,
|
|
gradient: getAvatarGradient(u._id),
|
|
isOnline: u.isOnline,
|
|
}))
|
|
this.setData({
|
|
list: enriched,
|
|
[this.data.activeTab === 'following' ? 'followingCount' : 'followersCount']: list.length,
|
|
})
|
|
} catch {
|
|
wx.showToast({ title: '加载失败', icon: 'none' })
|
|
} finally {
|
|
this.setData({ loading: false, refreshing: false })
|
|
}
|
|
},
|
|
|
|
switchTab(e: WechatMiniprogram.CustomEvent) {
|
|
const tab = e.currentTarget.dataset.tab as 'following' | 'followers'
|
|
if (tab === this.data.activeTab) return
|
|
this.setData({ activeTab: tab, list: [] })
|
|
this.loadList()
|
|
},
|
|
|
|
async onFollowTap(e: WechatMiniprogram.CustomEvent) {
|
|
const uid = e.currentTarget.dataset.uid as string
|
|
try {
|
|
await api.followUser(uid)
|
|
if (this.data.activeTab === 'following') {
|
|
const list = this.data.list.filter((u: any) => u._id !== uid)
|
|
this.setData({ list, followingCount: list.length })
|
|
}
|
|
} catch {
|
|
wx.showToast({ title: '操作失败', icon: 'none' })
|
|
}
|
|
},
|
|
|
|
onItemTap(e: WechatMiniprogram.CustomEvent) {
|
|
const uid = e.currentTarget.dataset.uid
|
|
wx.navigateTo({ url: `/pages/pet-detail/pet-detail?userId=${uid}` })
|
|
},
|
|
|
|
onFindFriends() {
|
|
wx.switchTab({ url: '/pages/nearby/nearby' })
|
|
},
|
|
|
|
onNotify() {
|
|
wx.navigateTo({ url: '/pages/notifications/notifications' })
|
|
},
|
|
|
|
onGoNearby() {
|
|
wx.switchTab({ url: '/pages/nearby/nearby' })
|
|
},
|
|
|
|
async onRefresh() {
|
|
this.setData({ refreshing: true })
|
|
await this.loadList()
|
|
},
|
|
})
|