ion-spinner

陰影

Spinner 元件提供各種動畫 SVG 旋轉圖示。旋轉圖示是視覺指示器，表示應用程式正在載入內容或執行使用者需要等待的其他處理程序。

基本用法

預設的旋轉圖示基於模式。當模式為 ios 時，旋轉圖示將為 "lines"，而當模式為 md 時，旋轉圖示將為 "circular"。如果設定了 name 屬性，則將使用該旋轉圖示，而不是模式特定的旋轉圖示。

主題設定

顏色

樣式設定

您可以使用自訂 CSS 來設定旋轉圖示的樣式。例如，您可以透過設定寬度和高度來調整旋轉圖示的大小。

CSS 自訂屬性

屬性

color

描述	要從應用程式的調色盤中使用的顏色。預設選項為："primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium" 和 "dark"。如需有關顏色的更多資訊，請參閱主題設定。
屬性	color
類型	"danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined
預設	undefined

duration

描述	旋轉圖示動畫的持續時間（以毫秒為單位）。預設值因旋轉圖示而異。
屬性	duration
類型	number ｜ undefined
預設	undefined

name

描述	要使用的 SVG 旋轉圖示的名稱。如果未提供名稱，將使用平台的預設旋轉圖示。
屬性	name
類型	"bubbles" ｜ "circles" ｜ "circular" ｜ "crescent" ｜ "dots" ｜ "lines" ｜ "lines-sharp" ｜ "lines-sharp-small" ｜ "lines-small" ｜ undefined
預設	undefined

paused

描述	如果為 true，將會暫停旋轉圖示的動畫。
屬性	paused
類型	boolean
預設	false

事件

此元件沒有可用的事件。

方法

此元件沒有可用的公開方法。

CSS 陰影部分

此元件沒有可用的 CSS 陰影部分。

CSS 自訂屬性

名稱	描述
--color	旋轉圖示的顏色

插槽

此元件沒有可用的插槽。