1. 導覽與結構
1.1 需求說明
本文件依《Header 區塊盤點》現況規格,整理出適合跨部門協作的 Loop 文件版,聚焦導覽與結構、系統流程與角色、以及網站架構說明,供企劃、設計、前端、後端與測試人員共同對齊。
範圍
- 盤點路徑:
views/components/header.php(不含通知中心、登入/登出流程本身;僅描述顯示條件) - 已完成重構且不再維護之區塊:漢堡選單、日期顯示、Header 固定/滾動、會員資訊區(Nuxt4)
主要構成(摘要)
- Logo/首頁導流:含 Talk 新聞子 Logo 與節慶 Logo 動態切換。
- 主選單/子選單:依頁面條件變數切換(一般/選舉專用),含新聞分類、觀點、議題下拉。
- 搜尋入口:一般為連結跳轉;討論區版本另有展開式搜尋框。
- 新增讀者投書:登入後顯示;特定情境(節慶 Logo+MB)隱藏。
- 相關連結區與 Footer 連結:含多平台追蹤與靜態資訊頁。
- Top YouTube/置頂影片區:依 PC/MB 與 Cookie 控制定時顯示。
- Tip Text 提示橫幅:可關閉,7 天後再次顯示(Cookie 控制)。
1.2 新增目的
- 對齊導覽策略:將條件變數與顯示規則以可溝通的框架表達,避免需求落差。
- 促進設計/工程落地:加入流程圖(Mermaid)與資料來源對照表,縮短開發溝通成本。
- 支援測試驗收:整理顯示條件、Cookie/API 依賴與待驗清單,作為測試案例依據。
1. 導覽與結構
1.1 需求說明
本文件依《Header 區塊盤點》現況規格,整理出適合跨部門協作的 Loop 文件版,聚焦導覽與結構、系統流程與角色、以及網站架構說明,供企劃、設計、前端、後端與測試人員共同對齊。
範圍
- 盤點路徑:
views/components/header.php(不含通知中心、登入/登出流程本身;僅描述顯示條件) - 已完成重構且不再維護之區塊:漢堡選單、日期顯示、Header 固定/滾動、會員資訊區(Nuxt4)
主要構成(摘要)
- Logo/首頁導流:含 Talk 新聞子 Logo 與節慶 Logo 動態切換。
- 主選單/子選單:依頁面條件變數切換(一般/選舉專用),含新聞分類、觀點、議題下拉。
- 搜尋入口:一般為連結跳轉;討論區版本另有展開式搜尋框。
- 新增讀者投書:登入後顯示;特定情境(節慶 Logo+MB)隱藏。
- 相關連結區與 Footer 連結:含多平台追蹤與靜態資訊頁。
- Top YouTube/置頂影片區:依 PC/MB 與 Cookie 控制定時顯示。
- Tip Text 提示橫幅:可關閉,7 天後再次顯示(Cookie 控制)。
1.2 新增目的
- 對齊導覽策略:將條件變數與顯示規則以可溝通的框架表達,避免需求落差。
- 促進設計/工程落地:加入流程圖(Mermaid)與資料來源對照表,縮短開發溝通成本。
- 支援測試驗收:整理顯示條件、Cookie/API 依賴與待驗清單,作為測試案例依據。
1. 導覽與結構
1.1 需求說明
本文件依《Header 區塊盤點》現況規格,整理出適合跨部門協作的 Loop 文件版,聚焦導覽與結構、系統流程與角色、以及網站架構說明,供企劃、設計、前端、後端與測試人員共同對齊。
範圍
- 盤點路徑:
views/components/header.php(不含通知中心、登入/登出流程本身;僅描述顯示條件) - 已完成重構且不再維護之區塊:漢堡選單、日期顯示、Header 固定/滾動、會員資訊區(Nuxt4)
主要構成(摘要)
- Logo/首頁導流:含 Talk 新聞子 Logo 與節慶 Logo 動態切換。
- 主選單/子選單:依頁面條件變數切換(一般/選舉專用),含新聞分類、觀點、議題下拉。
- 搜尋入口:一般為連結跳轉;討論區版本另有展開式搜尋框。
- 新增讀者投書:登入後顯示;特定情境(節慶 Logo+MB)隱藏。
- 相關連結區與 Footer 連結:含多平台追蹤與靜態資訊頁。
- Top YouTube/置頂影片區:依 PC/MB 與 Cookie 控制定時顯示。
- Tip Text 提示橫幅:可關閉,7 天後再次顯示(Cookie 控制)。
1.2 新增目的
- 對齊導覽策略:將條件變數與顯示規則以可溝通的框架表達,避免需求落差。
- 促進設計/工程落地:加入流程圖(Mermaid)與資料來源對照表,縮短開發溝通成本。
- 支援測試驗收:整理顯示條件、Cookie/API 依賴與待驗清單,作為測試案例依據。


