ionic 头部和底部
作者:小确幸
时间:2026-08-11
浏览:0
ion-header-bar 这个是固定在屏幕顶部的一个头部标题栏。如果给它加上'bar-subheader' 这个样式,它就是副标题。 用法 Left Button Title! Right Button Some content! API 属性 类型 描述 align-title (option
ion-header-bar
这个是固定在屏幕顶部的一个头部标题栏。如果给它加上'bar-subheader' 这个样式,它就是副标题。

用法
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'。 |
作者最新文章
Photoshop抠图教程详细步骤图解:新手入门常用方法与技巧
2026-09-22 14:38
Windows 10
2026-09-16 17:44
Python安装后怎么打开:使用IDLE或命令行启动解释器
2026-09-16 13:54
Windows系统Python安装教程:下载、勾选PATH及环境变量配置
2026-09-16 13:53
“等灯不计时”落地解析:算法善意如何转化为技术能力与生态协同
2026-09-08 18:03
上一篇:
ionic 列表操作
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多


































