Ionic 工具栏

工具栏是一个通用的栏，在应用程序中用作页眉、子页眉、页脚或子页脚。它位于内容的上方或下方。您可以在页面中添加多个工具栏，并且 <ion-content> 将相应地进行调整。当工具栏放置在 <ion-header> 内时，它将固定在内容的顶部。另一方面，当它放置在 <ion-footer> 内时，它将固定在内容的底部。如果内容是全屏的，它将在页眉或页脚中的工具栏后滚动。如果工具栏放置在 <ion-content> 中，它将随内容一起滚动。

Ionic 工具栏包含以下组件：

Ionic 头部

它是一个父组件，用于保存工具栏组件。元素必须是页面的前三个根元素之一。

Ionic 底部

它是一个位于页面底部的根组件。可以是的包装器，以确保内容区域的大小正确。

Ionic 标题

它是一个设置工具栏标题的组件。

Ionic 按钮

它是一个容器元素，可以使用名为 slot 的属性放置在工具栏内。该槽可以包含开始和结束属性。

Ionic 返回按钮

单击后，返回按钮用于在应用程序的历史记录中向后导航。它能够根据模式智能地知道要渲染什么，以及何时根据导航堆栈显示内容。

示例

此示例向您展示了在工具栏中使用页眉和页脚。

输出

示例

此示例向您展示了内部元素将一组图形对象放置在特定位置。

输出

示例

此示例向您展示了并且元素与元素将一组图形对象放置在特定位置。

输出