https://benzhub.github.io/tags/%E5%84%80%E8%A1%A8%E6%9D%BF/Recent content in 儀表板 on BenzHubHugozh-TWMon, 14 Sep 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/045-case-dashboard/Mon, 14 Sep 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/045-case-dashboard/<blockquote> <p>前兩篇我們做了講究「轉換」的行銷 Landing Page 與講究「閱讀」的內容型部落格,這一篇要挑戰版面最複雜、也最考驗 <strong>flex</strong> 與 <strong>grid</strong> 綜合功力的一種頁面——管理後台 <strong>Dashboard</strong>。我們會用 <strong>TailwindCSS v4</strong> 逐段打造一個可收合的固定側邊欄、sticky 頂部列、一整排 <strong>KPI 統計卡片</strong>、可捲動的資料表格,以及圖表版位,並認真處理行動版側欄滑入、表格 RWD 與暗色模式。做完你會得到一個能直接放後台功能上去的完整儀表板骨架。</p> </blockquote>