Quasar 學習筆記 Ep 03 - Quasar 的 MainLayout 元件
Quasar 的 MainLayout 元件 當我們以 Quasar CLI 建立一個標準的 MPA 如下，這個網頁分成幾個部分，首先是左邊會有一個選單，這個選單的開關就在上方的 [三] 按鈕，上方藍色的部分是 Toolbar，顯示網站的名稱以及 Quasar 的版本。 控制這些介面的核心，就在於 MainLayout 元件。今天我將會分享以下的主題： MainLayout 元件 使用 Layout Biulder 將 Home / About / News 加入 Drawer (Mobile App Style) 將 Home / About / News 加入 Tab (Web Style) MainLayout 元件 首先我們看一下 MainLayout.vue 裡面的 <template> 段。 < template > < q-layout view = "lHh Lpr lFf" > < q-header elevated > < q-toolbar > < q-btn flat dense round icon = "menu" aria-label = "Menu" @ click =" toggleLeftDrawer " / > < q-toolbar-title > Quasar App ...