布局页眉和页脚

QLayout允许您将视图配置为3x3矩阵,其中包含可选的页眉和/或页脚(主要用于导航栏,但可以是任何东西)。 如果尚未安装,请先阅读QLayout文档页面。

安装

从下面的列表中仅选择您正在使用的内容。

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

布局生成器

通过单击下面的按钮来搭建您的布局。

Layout Builder

用法

TIP

由于页眉和页脚需要布局,并且默认情况下QLayout管理整个窗口,因此出于演示目的,我们将使用容器化的QLayouts。 但是请记住,您绝不需要将容器化的QLayouts用于QHeader或QFooter。

Basic

您可以在页眉和页脚的工具栏中使用“ glossy”类。

Glossy

各种内容

Playing with QToolbar
Playing with QBreadcrumb
Playing with QTabs

显示属性

在下面的示例中,滚动页面以查看QHeader和QFooter行为。

Reveal

iOS外观

在下面的示例中,您可以为QTab使用带有ion-ios-前缀的Ionicons图标,这将完全匹配iOS的外观。

iOS-like

桌面应用外观

如果您构建一个Electron应用并隐藏默认应用程序框架,则以下示例特别有用。

Desktop app-like

QHeader API

Loading API...
Please wait...

QFooter API

Loading API...
Please wait...