透過 100 多個技巧的集合學習 Nuxt!

color-mode
@nuxtjs/color-mode

Nuxt 的深色和淺色模式,具有自動偵測功能

@nuxtjs/color-mode

Nuxt 色彩模式

npm versionnpm downloadsLicenseNuxtVolta board

🌑 深色和 🌕 淺色模式,透過 Nuxt 輕鬆實現自動偵測。

nuxt-color-mode

線上展示

功能

  • 支援 Nuxt 3 和 Nuxt Bridge
  • .${color}-mode 類別新增至 <html>,方便 CSS 主題化
  • 強制頁面使用特定的色彩模式 (非常適合漸進式開發)
  • 適用於客戶端和通用渲染
  • 自動偵測系統 色彩模式
  • 支援 IE9+ 👴

📖  閱讀更多

注意@nuxtjs/color-mode 的 v3 版本與 Nuxt 3 和 Nuxt Bridge 相容。如果您正在尋找此模組的先前版本,請查看先前的文件,或閱讀更多關於差異的資訊

貢獻

您可以使用 CodeSandBox 線上為此模組做出貢獻

Edit @nuxtjs/color-mode

或在本機

  1. 複製此儲存庫
  2. 使用 pnpm install 安裝依賴項
  3. 使用 pnpm dev 啟動開發伺服器

授權

MIT 授權

版權所有 (c) Nuxt Team