商城首页欢迎来到中国正版软件门户

您的位置:首页 >ionic 头部和底部

ionic 头部和底部

  发布于2026-08-11 阅读(0)

扫一扫,手机访问

ion-header-bar

这个是固定在屏幕顶部的一个头部标题栏。如果给它加上'bar-subheader' 这个样式,它就是副标题。

ionic 头部和底部

用法


  

Title!

Some content!

API

属性 类型 描述
align-title (optional) string

这个是对齐 title 的。如果没有设置,它将会按照手机的默认排版(Ios的默认是居中,Android默认是居左)。它的值可以是 'left','center','right'。

no-tap-scroll (optional) boolean

默认情况下,头部标题栏在点击屏幕时内容会滚动到头部,可以将 no-tap-scroll 设置为 true 来禁止该动作。。它的值是布尔值(true/false)。

ion-footer-bar

理解了 ion-header-bar 之后,再看 ion-footer-bar 基本就没什么门槛了。两者的思路其实是一样的,区别就在于 ion-footer-bar 固定在屏幕底部。

用法


  Some content!


  

Title!

API

与 ion-header-bar 不同的是,ion-footer-bar 只有 align-title 这个 API。
属性 类型 描述
align-title (optional) string

这个是对齐 title 的。如果没有设置,它将会按照手机的默认排版(Ios的默认是居中,Android默认是居左)。它的值可以是 'left','center','right'。

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

上一篇:ionic 列表操作

下一篇:ionic 手势事件

热门关注