Body 類別 | Quasar Framework - Quasar 框架

如何貢獻

選項與輔助工具

樣式與識別

色彩調色盤

主題產生器

Sass/SCSS 變數

其他輔助類別

Layout 和 Grid

Vue 元件

Vue 指令 (Vue Directives)

Quasar 插件 (Quasar Plugins)

Vue 組合式函式 (Vue Composables)

安全性 (Security)

Quasar CLI (搭配 Vite) (Quasar CLI (with Vite))

Quasar CLI (搭配 Webpack)

Icon Genie CLI

App Extensions

Quasar Utils

Body classes

Quasar 將一些非常有用的輔助 CSS 類別附加到 document.body，您可以加以利用

名稱	描述
`body--dark`	當處於深色模式時
`body--light`	當未處於深色模式時
`desktop`	當用戶端在桌上型電腦上時
`mobile`	當用戶端在行動裝置上時
`touch`	當用戶端具有觸控支援時
`no-touch`	當用戶端不具有觸控支援時
`platform-android`	當用戶端在 Android 裝置上時
`platform-ios`	當用戶端在 iOS 裝置上時
`native-mobile`	當用戶端在 Quasar CLI Cordova 或 Capacitor 應用程式上時
`electron`	當用戶端在 Quasar CLI Electron 應用程式上時
`bex`	當應用程式從瀏覽器擴充套件執行時
`within-iframe`	當應用程式從 iframe 執行時
`screen--*`	若啟用（僅限），告知目前視窗斷點 (`screen--xs`, `screen--sm`, …, `screen--xl`)

Caught a mistake?在瀏覽器中編輯此頁面