ionic 头部和底部
作者:小确幸
时间:2026-08-11
浏览:4
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'。 |
作者最新文章
xshell连接服务器怎么连 SSH远程登录步骤
2026-11-03 10:13
立刻MV如何删除不需要的MV项目工程
2026-11-02 23:37
beyond compare怎么自动换行
2026-10-23 10:35
Luminar Neo画笔与蒙版使用指南:精准选区与图层合成技巧
2026-10-22 15:23
Photoshop快捷键表格在哪找
2026-10-22 14:42
上一篇:
ionic 列表操作
下一篇:
ionic 手势事件
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多

































