Header(头部)

Header是固定在屏幕顶部的组件,可以包如标题和左右的功能按钮。

ionic 默认提供了许多种颜色样式，你可以调用不同的样式名，当然也可以自定义一个。

bar-light

  
bar-light

bar-stable

  
bar-stable

bar-positive

  
bar-positive

bar-calm

  
bar-calm

bar-balanced

  
bar-balanced

bar-energized

  
bar-energized

bar-assertive

  
bar-assertive

bar-royal

  
bar-royal

bar-dark

  
bar-dark

Sub Header（副标题）

Sub Header 也是固定在页面顶部的，只不过位置会排在 Header 下方。即便没有设置 Header，Sub Header 这个样式默认也会与顶部预留出一个 Header 的高度间距。至于颜色风格，则与 Header 保持一致。

  
Header


  
Sub Header

Footer(底部)

Footer 是在屏幕的最下方，可以包含多种内容类型。

  
Footer

Footer 和上面的 Header 是同一套思路，区别很简单：把样式名从 bar-header 改成 bar-footer 就可以了。

  Left
  
Title
  Right

此外，如果底部没有标题，但是又需要右边的按钮，你需要在右侧按钮添加 pull-right如:

  Right