旋转/Spinner

创建一个表示正在加载的转圈动画。

用法

在块元素上添加 uk-spinner

<div uk-spinner></div>
  • <div uk-spinner></div>

比例

添加 ratio: 3 参数到 uk-spinner 属性中,可使其大小增加三倍,也可以根据您希望的微调器的大小添加其他任意数字。

<div uk-spinner="ratio: 3"></div>
  • <span class="uk-margin-small-right" uk-spinner="ratio: 3"></span>
    <span uk-spinner="ratio: 4.5"></span>

上一篇: Sortable

下一篇: Sticky

spinner.md

# 旋转/Spinner

<p class="uk-text-lead">创建一个表示正在加载的转圈动画。</p>

## Usage-用法

在块元素上添加 `uk-spinner`。

```html
<div uk-spinner></div>
```

```example
<div uk-spinner></div>
```

## Ratio-比例

添加 `ratio: 3` 参数到 `uk-spinner` 属性中,可使其大小增加三倍,也可以根据您希望的微调器的大小添加其他任意数字。

```html
<div uk-spinner="ratio: 3"></div>
```

```example
<span class="uk-margin-small-right" uk-spinner="ratio: 3"></span>
<span uk-spinner="ratio: 4.5"></span>
```