ion-spinner
Spinner 组件提供各种动画 SVG 加载动画。加载动画是可视化指示器，表明应用程序正在加载内容或执行用户需要等待的其他过程。
基本用法
默认加载动画基于模式。当模式为 ios 时，加载动画将为 "lines"，当模式为 md 时，加载动画将为 "circular"。如果设置了 name 属性，则将使用该加载动画而不是特定于模式的加载动画。
主题
颜色
样式
您可以使用自定义 CSS 来设置加载动画的样式。例如，您可以通过设置宽度和高度来调整加载动画的大小。
CSS 自定义属性
属性
颜色
| 描述 | 要从应用程序的调色板中使用的颜色。默认选项为："primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium" 和 "dark"。有关颜色的更多信息，请参见 主题。 |
| 属性 | 颜色 |
| 类型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| 默认值 | undefined |
持续时间
| 描述 | 加载动画动画的持续时间（以毫秒为单位）。默认值根据加载动画而异。 |
| 属性 | 持续时间 |
| 类型 | number ｜ undefined |
| 默认值 | undefined |
名称
| 描述 | 要使用的 SVG 加载动画的名称。如果未提供名称，则将使用平台的默认加载动画。 |
| 属性 | 名称 |
| 类型 | "bubbles" ｜ "circles" ｜ "circular" ｜ "crescent" ｜ "dots" ｜ "lines" ｜ "lines-sharp" ｜ "lines-sharp-small" ｜ "lines-small" ｜ undefined |
| 默认值 | undefined |
暂停
| 描述 | 如果为 true，则加载动画的动画将暂停。 |
| 属性 | 暂停 |
| 类型 | boolean |
| 默认值 | false |
事件
此组件没有可用的事件。
方法
此组件没有可用的公共方法。
CSS 阴影部分
此组件没有可用的 CSS 阴影部分。
CSS 自定义属性
| 名称 | 描述 |
|---|---|
--color | 加载动画的颜色 |
插槽
此组件没有可用的插槽。