## 基础用法 @en{Basic Usage}

#### 1

```js
import { Loading } from '@arco-design/mobile-react';

export default function LoadingDemo() {
    return (
        <div className="loading-demo-basic">
            <Loading type="arc" />
            <Loading type="circle" />
            <Loading type="spin" />
            <Loading type="dot" />
        </div>
    );
}
```


```less
.loading-demo-basic {
    .@{prefix}-loading {
        .rem(margin-right, 20);
        vertical-align: middle;
    }
}
```
