CNodeJS 社區論壇實戰（四）：話題列表頁面實現

CNodeJS 社區論壇實戰（四）：話題列表頁面實現

記錄論壇首頁/列表頁的界面結構：話題卡片、分頁、側邊欄、頂部導航等。

頁面截圖

列表頁核心元素

• 頂部導航：Logo、分類 Tab、搜索框、用戶菜單
• 話題列表：標題、作者/時間、回覆數/瀏覽數、標籤標識、最後回覆信息
• 側邊欄：熱門標籤、活躍用戶、廣告位
• 分頁組件：頁碼、上一頁/下一頁、每頁條數

數據結構示例

{
  topics: [
    { id: 1, title: '...', author: {loginname: '...', avatar_url: '...'}, 
      tab: 'share', reply_count: 10, visit_count: 100, create_at: '...', last_reply_at: '...' }
  ],
  pagination: { page: 1, limit: 20, total: 100 }
}

後續將實現詳情頁、用戶中心等功能。