跳到主要内容
版本:v8

ion-buttons

作用域

按钮组件是一个容器元素。它应该用在 工具栏 内,可以包含多种类型的按钮,包括标准 按钮菜单按钮返回按钮

基本用法

按钮位置

按钮可以使用命名插槽放置在工具栏中。下表描述了每个插槽。

插槽描述
start在 LTR 中位于内容的 左侧,在 RTL 中位于 右侧
end在 LTR 中位于内容的 右侧,在 RTL 中位于 左侧
secondaryios 模式下将元素定位到内容的 左侧,在 md 模式下直接定位到 右侧
primaryios 模式下将元素定位到内容的 右侧,在 md 模式下定位到最 右侧

按钮类型

工具栏中的按钮默认样式为透明,但可以使用按钮上的 fill 属性进行更改。此示例中 返回按钮菜单按钮 上包含的属性仅用于显示目的;请参阅其各自的文档以了解正确用法。

可折叠按钮

可以将 collapse 属性设置为按钮,当标题折叠时折叠它们。这通常与 可折叠大标题 一起使用。

信息

此功能仅适用于 iOS。

属性

collapse

描述如果为 true,则当其父工具栏完全折叠时,按钮将消失,前提是工具栏不是第一个工具栏。如果工具栏是第一个工具栏,则按钮将被隐藏,并且只有在所有工具栏完全折叠后才会显示。

仅适用于 ios 模式,ion-header 上的 collapse 设置为 true

通常用于 可折叠大标题
属性collapse
类型布尔值
默认false

事件

此组件没有可用的事件。

方法

此组件没有可用的公共方法。

CSS 阴影部分

此组件没有可用的 CSS 阴影部分。

CSS 自定义属性

此组件没有可用的 CSS 自定义属性。

插槽

此组件没有可用的插槽。