mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-03 00:09:39 +08:00
30 lines
550 B
Markdown
30 lines
550 B
Markdown
---
|
|
order: 1
|
|
title:
|
|
zh-CN: 各种大小
|
|
en-US: Size
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
小的用于文本加载，默认用于卡片容器级加载，大的用于**页面级**加载。
|
|
|
|
## en-US
|
|
|
|
A small `Spin` is used for loading text, default sized `Spin` for loading a card-level block, and large `Spin` used for loading a **page**.
|
|
|
|
```tsx
|
|
import { Space, Spin } from 'antd';
|
|
import React from 'react';
|
|
|
|
const App: React.FC = () => (
|
|
<Space size="middle">
|
|
<Spin size="small" />
|
|
<Spin />
|
|
<Spin size="large" />
|
|
</Space>
|
|
);
|
|
|
|
export default App;
|
|
```
|