Header(头部)

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

ionic 头部与底部

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 和上面的 Header 是同一套思路,区别很简单:把样式名从 bar-header 改成 bar-footer 就可以了。

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

本文转载于:https://www.runoob.com/ionic/ionic-header-footer.html 如有侵犯,请联系zhengruancom@outlook.com删除。
免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。