@tarojsx/ui/docs/components/ActivityIndicator.mdx

We reinvents the UI for Taro3+

---
title: ActivityIndicator 活动指示器
---

该组件提供一个加载等待元素，也就是 Loading 组件

## 示例

import { ActivityIndicator } from '@tarojsx/ui'
import { UI } from '@/ui'

```jsx title="常规"
<ActivityIndicator isOpened />
```

<UI block>
    <ActivityIndicator isOpened />
</UI>

```jsx title="颜色"
<ActivityIndicator isOpened color="red" />
```

<UI block>
    <ActivityIndicator isOpened color="red" />
</UI>

```jsx title="尺寸"
<ActivityIndicator isOpened size="128" />
```

<UI block>
    <ActivityIndicator isOpened size="128" />
</UI>

```jsx title="文字"
<ActivityIndicator isOpened content="加载中..." />
```

<UI block>
    <ActivityIndicator isOpened content="加载中..." />
</UI>

```jsx title="居中"
<ActivityIndicator isOpened size="60" mode="center" />
```

<UI block style={{ width: 200, height: 200, background: '#eee' }}>
    <ActivityIndicator isOpened size="60" mode="center" />
</UI>

## API

-   [Taro UI 文档 | 活动指示器](https://taro-ui.jd.com/#/docs/activityindicator)
-   [`<ActivityIndicator />`](modules/_activityindicator_.md)
-   [`ActivityIndicatorProps`](interfaces/_activityindicator_.activityindicatorprops.md)