From a0d6464d9d2a7b140b6d3994287bd70849592e14 Mon Sep 17 00:00:00 2001
From: Leon <147289645+LeoninCS@users.noreply.github.com>
Date: Fri, 26 Dec 2025 22:49:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=89=8D=E7=AB=AF=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/api/feed.ts             |  6 +++++-
 frontend/src/api/types.ts            | 10 ++++++++++
 frontend/src/components/AppShell.vue |  1 +
 frontend/src/router/index.ts         |  2 ++
 frontend/src/views/HomeView.vue      |  2 +-
 5 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/src/api/feed.ts b/frontend/src/api/feed.ts
index f275f17..4c1b4bc 100644
--- a/frontend/src/api/feed.ts
+++ b/frontend/src/api/feed.ts
@@ -1,5 +1,5 @@
 import { postJson } from './client'
-import type { ListByFollowingResponse, ListLatestResponse, ListLikesCountResponse } from './types'
+import type { ListByFollowingResponse, ListByPopularityResponse, ListLatestResponse, ListLikesCountResponse } from './types'
 
 export function listLatest(input: { limit: number; latest_time: number }) {
   return postJson<ListLatestResponse>('/feed/listLatest', input)
@@ -14,6 +14,10 @@ export function listLikesCount(input: { limit: number; likes_count_before?: numb
   return postJson<ListLikesCountResponse>('/feed/listLikesCount', body)
 }
 
+export function listByPopularity(input: { limit: number; as_of: number; offset: number }) {
+  return postJson<ListByPopularityResponse>('/feed/listByPopularity', input)
+}
+
 export function listByFollowing(input: { limit: number; latest_time: number }) {
   return postJson<ListByFollowingResponse>('/feed/listByFollowing', input, { authRequired: true })
 }
diff --git a/frontend/src/api/types.ts b/frontend/src/api/types.ts
index a5af5f6..99a4766 100644
--- a/frontend/src/api/types.ts
+++ b/frontend/src/api/types.ts
@@ -58,6 +58,16 @@ export type ListLikesCountResponse = {
   has_more: boolean
 }
 
+export type ListByPopularityResponse = {
+  video_list: FeedVideoItem[]
+  as_of: number
+  next_offset: number
+  has_more: boolean
+  next_latest_popularity?: number
+  next_latest_before?: string
+  next_latest_id_before?: number
+}
+
 export type ListByFollowingResponse = {
   video_list: FeedVideoItem[]
   next_time: number
diff --git a/frontend/src/components/AppShell.vue b/frontend/src/components/AppShell.vue
index d3afc95..b7d1830 100644
--- a/frontend/src/components/AppShell.vue
+++ b/frontend/src/components/AppShell.vue
@@ -58,6 +58,7 @@ async function goSettings() {
 
       <nav class="dy-nav">
         <RouterLink class="dy-nav-link" to="/">推荐</RouterLink>
+        <RouterLink class="dy-nav-link" to="/hot">热榜</RouterLink>
         <RouterLink class="dy-nav-link" to="/video">发布</RouterLink>
         <RouterLink class="dy-nav-link" to="/account">账号</RouterLink>
         <RouterLink class="dy-nav-link" to="/settings">设置</RouterLink>
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index d8fbf82..6f53031 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -1,6 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
 
 import HomeView from '../views/HomeView.vue'
+import HotView from '../views/HotView.vue'
 import VideoView from '../views/VideoView.vue'
 import VideoDetailView from '../views/VideoDetailView.vue'
 import AccountView from '../views/AccountView.vue'
@@ -14,6 +15,7 @@ const router = createRouter({
   routes: [
     { path: '/', name: 'home', component: HomeView },
     { path: '/feed', redirect: '/' },
+    { path: '/hot', name: 'hot', component: HotView },
     { path: '/video', name: 'video', component: VideoView },
     { path: '/video/:id', name: 'video-detail', component: VideoDetailView, props: true },
     { path: '/account', name: 'account', component: AccountView },
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
index 3296f11..c022b9f 100644
--- a/frontend/src/views/HomeView.vue
+++ b/frontend/src/views/HomeView.vue
@@ -441,7 +441,7 @@ onBeforeUnmount(() => {
       <div class="tabs">
         <button class="tab" :class="{ on: tab === 'recommend' }" type="button" @click="tab = 'recommend'">推荐</button>
         <button class="tab" :class="{ on: tab === 'following' }" type="button" @click="tab = 'following'">关注</button>
-        <button class="tab" :class="{ on: tab === 'hot' }" type="button" @click="tab = 'hot'">热榜</button>
+        <button class="tab" :class="{ on: tab === 'hot' }" type="button" @click="tab = 'hot'">点赞榜</button>
 
         <div class="tabs-right">
           <button class="chip" type="button" @click="toggleMute">{{ muted ? '静音' : '有声' }}</button>