ion-buttons
按钮组件是一个容器元素。它应该用在 工具栏 内,可以包含多种类型的按钮,包括标准 按钮、菜单按钮 和 返回按钮。
基本用法
按钮位置
按钮可以使用命名插槽放置在工具栏中。下表描述了每个插槽。
插槽 | 描述 |
---|---|
start | 在 LTR 中位于内容的 左侧 ,在 RTL 中位于 右侧 。 |
end | 在 LTR 中位于内容的 右侧 ,在 RTL 中位于 左侧 。 |
secondary | 在 ios 模式下将元素定位到内容的 左侧 ,在 md 模式下直接定位到 右侧 。 |
primary | 在 ios 模式下将元素定位到内容的 右侧 ,在 md 模式下定位到最 右侧 。 |
按钮类型
工具栏中的按钮默认样式为透明,但可以使用按钮上的 fill
属性进行更改。此示例中 返回按钮 和 菜单按钮 上包含的属性仅用于显示目的;请参阅其各自的文档以了解正确用法。
可折叠按钮
可以将 collapse
属性设置为按钮,当标题折叠时折叠它们。这通常与 可折叠大标题 一起使用。
信息
此功能仅适用于 iOS。
属性
collapse
描述 | 如果为 true,则当其父工具栏完全折叠时,按钮将消失,前提是工具栏不是第一个工具栏。如果工具栏是第一个工具栏,则按钮将被隐藏,并且只有在所有工具栏完全折叠后才会显示。 仅适用于 ios 模式,ion-header 上的 collapse 设置为 true 。通常用于 可折叠大标题 |
属性 | collapse |
类型 | 布尔值 |
默认 | false |
事件
此组件没有可用的事件。
方法
此组件没有可用的公共方法。
CSS 阴影部分
此组件没有可用的 CSS 阴影部分。
CSS 自定义属性
此组件没有可用的 CSS 自定义属性。
插槽
此组件没有可用的插槽。