该指令将在屏幕底部添加页脚栏。

使用页脚

可以通过应用ion-footer-bar类来添加离子页脚。使用它与使用标头相同。我们可以使用align-title属性添加标题并将其放置在屏幕的左侧，中央或右侧。使用前缀栏，我们可以使用离子颜色。让我们创建一个红色的页脚，标题位于中间。

   
Title!

上面的代码将产生以下屏幕-

添加元素

我们可以将按钮图标或其他元素添加到ion-footer-bar ，它们的样式将被应用。让我们在页脚中添加一个按钮和一个图标。

   

      Button
   
  
   
Footer

   

      
   

上面的代码将产生以下屏幕-

添加子页脚

我们向您展示了如何使用子标题。可以创建子页脚的相同方法。它将位于页脚栏上方。我们需要做的就是在我们的ion-footer-bar元素中添加一个bar-subfooter类。

在下面的示例中，我们将在先前创建的页脚栏上方添加子页脚。

   
Sub Footer



   

      Button
   
  
   
Footer

   

      
   

上面的代码将产生以下屏幕-