Tailwind
含有「Tailwind」共 3 篇內容
全部內容
發佈日期由新至舊
完成後端基本功能並通過驗收後，我們開始使用 Nuxt 架設個人財務管理系統的前端。Nuxt 基於 Vue，學習曲線平緩且配置簡單，適合不同程度的開發者。透過 Docker，我們快速建立了 Nuxt 開發環境，並搭建首頁和交易紀錄頁面，整合 Tailwind CSS 提供美觀的 UI。
今天在練習寫網頁時，剛好要來有做到Dark Mode 的功能，那順便來記錄一下做法～
首先要先知道Dark Mode的運作原理。是如何知道你現在是Light Mode還是Dark Mode呢？
😀就是這邊拉～當你按下按鈕時，javascript 的toggle()去為<html>增加dark標
當然指令不是背的，所以第一步就是要打開Tailwind CSS的官網。
Installation - Tailwind CSS
主要的方式有CLI跟CDN，這裡使用的方式前者。
Install Tailwind CSS
npm install -D tailwindcss
npx tai
