文檔
組件
贊助者
團隊
部落格
搜尋
menu
為何選擇 Quasar?
開始使用
工具
公告
Roadmap
影片教學
品牌資源
更多
v2.17.0
assignment_late
為何捐款
travel_explore
API 瀏覽器
程式碼
如何貢獻
貢獻指南
執行中的專案
開始新專案
專案維護者角色
Commit 慣例
調整
選項與輔助工具
$q 物件
應用程式圖示
SEO
Quasar 語言包
應用程式國際化
RTL 支援
安裝圖示庫
Quasar 圖示集
平台偵測
螢幕外掛程式
動畫
轉場效果
樣式
樣式與識別
排版
色彩調色盤
主題產生器
深色模式
間距
陰影
斷點
Body 類別
可見性
定位
Sass/SCSS 變數
其他輔助類別
view_quilt
佈局與網格
彈性網格
Flexbox 簡介
網格行
網格列
網格間距
Flexbox 模式
Flex Playground
佈局
使用佈局與頁面進行路由
佈局頁首與頁尾
佈局抽屜
佈局頁面
佈局產生器
佈局展示
頁面黏性定位
頁面滾動器
小工具
Vue 組件
Ajax 載入條
頭像
徽章
橫幅
工具列
麵包屑
按鈕
按鈕
按鈕群組
按鈕下拉選單
卡片
輪播
聊天訊息
晶片
環形進度條
顏色選擇器
對話框
編輯器 - WYSIWYG
展開項目
浮動操作按鈕
表單組件
文字輸入框
選擇器
檔案選擇器
表單
欄位 (容器)
單選按鈕
核取方塊
切換開關
按鈕切換
選項群組
滑桿
範圍選擇器
時間選擇器
日期選擇器
圖示
圖片
無限滾動
內部載入
交叉
旋鈕
線性進度條
列表 & 列表項目
標記表格
選單
No SSR
觀察者
調整大小觀察器 (針對元素)
滾動觀察器
分頁
視差滾動
彈出式編輯
彈出式代理
下拉重新整理
評分
響應式
滾動區域
分隔線
骨架屏
滑動項目
滑動轉場效果
間隔
旋轉器
分割器
步驟器
表格
標籤頁
標籤頁面板
時間軸
工具列
工具提示
樹狀結構
上傳器
影片
虛擬滾動
swap_calls
Vue 指令
關閉彈出視窗
Intersection
Material 波紋效果
Mutation
Morph
滾動
滾動觸發
觸控長按
觸控平移
觸控重複
觸控滑動
擴充功能
Quasar 插件
網址列顏色
應用程式全螢幕
應用程式可見性
底部選單
Cookies
深色模式
對話框
載入中
載入進度條
本地/Session 儲存
Meta
通知
開發者模式
Vue Composables
useQuasar
useDialogPluginComponent
useFormChild
useMeta
useHydration
new
useId
new
useInterval
new
useRenderCache
new
useTick
new
useTimeout
new
useSplitAttrs
new
安全性
安全性
應做事項與不應做事項
回報漏洞
建置
Quasar CLI (搭配 Vite)
升級指南
NEW!
quasar.config 檔案
將專案轉換為搭配 Vite 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
懶加載 - 代碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Vite
處理 process.env
使用 Pinia 的狀態管理
使用 Vuex 的狀態管理
Linter
測試與審核
SPA 模式
介紹
SPA 的應用程式圖示
建置命令
部署
SSR 模式
介紹
編寫通用程式碼
升級指南
準備
配置 SSR
ssrContext
SSR 中介層
SSR 網頁伺服器
Vue SSR 指令
SSR 應用程式圖示
SSR 的 SEO
客戶端注水
處理 404 和 500 錯誤
搭配 PWA 的 SSR
SSR 常見問題
建置命令
搭配 Typescript 的 SSR
部署
PWA 模式
介紹
準備
建置命令
配置 PWA
PWA 的 HMR
PWA 應用程式圖示
處理 Service Worker
搭配 Typescript 的 PWA
開發行動應用程式
Capacitor 模式
介紹
準備
Capacitor 版本
配置 Capacitor
Capacitor 應用程式圖示
Capacitor API
建置命令
疑難排解與提示
管理 Google Analytics
發佈到商店
Cordova 模式
介紹
準備
配置 Cordova
Cordova 應用程式圖示
Cordova 外掛程式
建置命令
疑難排解與提示
管理 Google Analytics
發佈到商店
Electron 模式
介紹
升級指南
準備
配置 Electron
Electron 應用程式圖示
建置命令
預載腳本
Electron 套件
存取檔案
無邊框 Electron 視窗
搭配 Typescript 的 Electron
Electron 安全考量
疑難排解與提示
瀏覽器擴充功能模式
介紹
準備
配置 BEX
BEX 應用程式圖示
建置命令
BEX 的類型
BEX 通訊 / 事件
背景腳本
內容腳本
DOM 腳本
Ajax 請求
公開開發伺服器
建置
Quasar CLI (搭配 Webpack)
升級指南
NEW!
quasar.config 檔案
轉換為搭配 Webpack 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
延遲載入 - 代碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Webpack
處理 process.env
使用 Pinia 的狀態管理
使用 Vuex 的狀態管理
Linter
測試與稽核
SPA 模式
介紹
SPA 應用程式圖示
建置命令
部署
SSR 模式
簡介
編寫通用程式碼
升級指南
準備工作
設定 SSR
ssrContext
SSR 中介層
SSR 生產環境匯出
Vue SSR 指令
SSR 應用程式圖示
SSR 的 SEO
客戶端補水
處理 404 和 500 錯誤
SSR 與 PWA
SSR 常見問題
建置命令
SSR 與 Typescript
部署
PWA 模式
簡介
準備工作
建置命令
設定 PWA
PWA 的 HMR
PWA 應用程式圖示
處理 Service Worker
PWA 與 Typescript
開發行動應用程式
Capacitor 模式
簡介
準備工作
Capacitor 版本
設定 Capacitor
Capacitor 應用程式圖示
Capacitor API
建置命令
疑難排解與提示
管理 Google Analytics
發佈到商店
Cordova 模式
簡介
準備工作
設定 Cordova
Cordova 應用程式圖示
Cordova 外掛程式
建置命令
疑難排解與提示
管理 Google Analytics
發佈到商店
Electron 模式
簡介
升級指南
準備工作
設定 Electron
Electron 應用程式圖示
建置命令
預載腳本
Electron 套件
存取檔案
無邊框 Electron 視窗
Electron 與 Typescript
Electron 安全考量
疑難排解與提示
瀏覽器擴充功能模式
簡介
準備工作
設定 BEX
BEX 應用程式圖示
建置命令
BEX 類型
BEX 通訊 / 事件
背景 Hooks
內容 Hooks
DOM Hooks
Ajax 請求
公開開發伺服器
stars
Icon Genie CLI
簡介
安裝 / 升級注意事項
命令列表
應用程式圖示列表
設定檔
note_add
App Extensions
簡介
探索 App Extensions
Development Guide
簡介
Prompts API
安裝 API
Index API
解除安裝 API
Tips and Tricks
簡介
提供 UI 元件
提供指令
注入 Quasar 外掛程式
Starter kit 等效項目
鏈式 Webpack
healing
Quasar Utils
日期工具
色彩工具
DOM 工具
Morph 工具
格式化工具
滾動工具
類型檢查工具
EventBus 工具
其他工具
Layout Gallery
Layout 和 Grid
Layout
Layout 和 Grid
Layout Header and Footer
Layout 和 Grid
Layout Drawer
Layout 和 Grid
Layout Page
為了幫助您更快上手,我們為您編寫了一些現成的 Quasar Layout。 也請花時間學習每個 Quasar 元件,否則您將錯過許多功能。
Youtube
Google Play
GitHub
Google 相簿
Google 新聞
Whatsapp
Quasar Classic
Quasar Classic (Dark)