阴影
浮动操作按钮 (FAB) 代表应用程序中的主要操作。默认情况下，它们呈圆形。按下按钮时，按钮可能会打开更多相关操作。
顾名思义，FAB 通常以固定位置浮在内容之上。这是通过将 FAB 按钮包装在 fab 组件中实现的。如果按钮没有用 fab 包装，它将与内容一起滚动。
有关使用示例，请参阅 fab 文档。
| 描述 | 如果为 true，FAB 按钮将显示关闭图标。 |
| 属性 | activated |
| 类型 | boolean |
| 默认 | false |
| 描述 | 要用于关闭图标的图标名称。这将在按下 FAB 按钮时出现。仅适用于它是在包含 FAB 列表的 FAB 中的主要按钮时。 |
| 属性 | close-icon |
| 类型 | string |
| 默认 | close |
| 描述 | 要从应用程序的颜色调色板中使用的颜色。默认选项包括："primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium" 和 "dark"。有关颜色的更多信息，请参阅 主题。 |
| 属性 | color |
| 类型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| 默认 | undefined |
| 描述 | 如果为 true，用户将无法与 FAB 按钮交互。 |
| 属性 | disabled |
| 类型 | boolean |
| 默认 | false |
| 描述 | 此属性指示浏览器下载 URL 而不是导航到它，因此系统会提示用户将其另存为本地文件。如果属性有值，则它用作“保存”提示中预先填充的文件名（用户仍然可以更改文件名，如果需要的话）。 |
| 属性 | download |
| 类型 | string ｜ undefined |
| 默认 | undefined |
| 描述 | 包含超链接指向的 URL 或 URL 片段。如果设置了此属性，则将呈现锚标记。 |
| 属性 | href |
| 类型 | string ｜ undefined |
| 默认 | undefined |
| 描述 | 模式确定要使用哪些平台样式。 |
| 属性 | mode |
| 类型 | "ios" ｜ "md" |
| 默认 | undefined |
| 描述 | 指定目标对象与链接对象之间的关系。该值是 链接类型 的空格分隔列表。 |
| 属性 | rel |
| 类型 | string ｜ undefined |
| 默认 | undefined |
| 描述 | 使用路由器时，它指定使用 href 导航到另一个页面时的过渡动画。 |
| 属性 | undefined |
| 类型 | ((baseEl: any, opts?: any) => Animation) ｜ undefined |
| 默认 | undefined |
| 描述 | 使用路由器时，它指定使用 href 导航到另一个页面时的过渡方向。 |
| 属性 | router-direction |
| 类型 | "back" ｜ "forward" ｜ "root" |
| 默认 | 'forward' |
| 描述 | 如果为 true，FAB 按钮将在 FAB 列表中显示。 |
| 属性 | show |
| 类型 | boolean |
| 默认 | false |
| 描述 | 按钮的大小。将其设置为 small 以获得迷你 FAB 按钮。 |
| 属性 | size |
| 类型 | "small" ｜ undefined |
| 默认 | undefined |
| 描述 | 指定在何处显示链接的 URL。仅在提供 href 时适用。特殊关键字："_blank"、"_self"、"_parent"、"_top"。 |
| 属性 | target |
| 类型 | string ｜ undefined |
| 默认 | undefined |
| 描述 | 如果为 true，FAB 按钮将是半透明的。仅在模式为 "ios" 且设备支持 backdrop-filter 时适用。 |
| 属性 | translucent |
| 类型 | boolean |
| 默认 | false |
| 描述 | 按钮的类型。 |
| 属性 | type |
| 类型 | "button" ｜ "reset" ｜ "submit" |
| 默认 | 'button' |
| 名称 | 描述 | 冒泡 |
|---|
ionBlur | 按钮失去焦点时发出。 | true |
ionFocus | 按钮获得焦点时发出。 | true |
此组件没有公开方法可用。
| 名称 | 描述 |
|---|
close-icon | FAB 列表打开时显示的关闭图标（使用 ion-icon）。 |
native | 包装所有子元素的原生 HTML 按钮或锚元素。 |
| 名称 | 描述 |
|---|
--background | 按钮的背景 |
--background-activated | 按下按钮时的按钮背景。注意：设置此属性将干扰 Material Design 波纹。 |
--background-activated-opacity | 按下按钮背景的不透明度 |
--background-focused | 使用 Tab 键聚焦时的按钮背景 |
--background-focused-opacity | 使用 Tab 键聚焦时按钮背景的不透明度 |
--background-hover | 悬停时的按钮背景 |
--background-hover-opacity | 悬停时按钮背景的不透明度 |
--border-color | 按钮的边框颜色 |
--border-radius | 按钮的边框半径 |
--border-style | 按钮的边框样式 |
--border-width | 按钮的边框宽度 |
--box-shadow | 按钮的盒子阴影 |
--close-icon-font-size | 关闭图标的字体大小 |
--color | 按钮的文本颜色 |
--color-activated | 按下按钮时的按钮文本颜色 |
--color-focused | 使用 Tab 键聚焦时的按钮文本颜色 |
--color-hover | 悬停时的按钮文本颜色 |
--padding-bottom | 按钮的底部填充 |
--padding-end | 如果方向为从左到右，则为按钮的右侧填充，如果方向为从右到左，则为按钮的左侧填充 |
--padding-start | 如果方向为从左到右，则为按钮的左侧填充，如果方向为从右到左，则为按钮的右侧填充 |
--padding-top | 按钮的顶部填充 |
--ripple-color | 按钮波纹效果的颜色 |
--transition | 按钮的过渡 |
| 名称 | 描述 |
|---|
--background | 按钮的背景 |
--background-activated | 按下按钮时的按钮背景。注意：设置此属性将干扰 Material Design 波纹。 |
--background-activated-opacity | 按下按钮背景的不透明度 |
--background-focused | 使用 Tab 键聚焦时的按钮背景 |
--background-focused-opacity | 使用 Tab 键聚焦时按钮背景的不透明度 |
--background-hover | 悬停时的按钮背景 |
--background-hover-opacity | 悬停时按钮背景的不透明度 |
--border-color | 按钮的边框颜色 |
--border-radius | 按钮的边框半径 |
--border-style | 按钮的边框样式 |
--border-width | 按钮的边框宽度 |
--box-shadow | 按钮的盒子阴影 |
--close-icon-font-size | 关闭图标的字体大小 |
--color | 按钮的文本颜色 |
--color-activated | 按下按钮时的按钮文本颜色 |
--color-focused | 使用 Tab 键聚焦时的按钮文本颜色 |
--color-hover | 悬停时的按钮文本颜色 |
--padding-bottom | 按钮的底部填充 |
--padding-end | 如果方向为从左到右，则为按钮的右侧填充，如果方向为从右到左，则为按钮的左侧填充 |
--padding-start | 如果方向为从左到右，则为按钮的左侧填充，如果方向为从右到左，则为按钮的右侧填充 |
--padding-top | 按钮的顶部填充 |
--ripple-color | 按钮波纹效果的颜色 |
--transition | 按钮的过渡 |
此组件没有插槽可用。