2016-03-31 09:40:55 +08:00
|
|
|
---
|
|
|
|
|
order: 1
|
2019-04-19 22:38:41 +08:00
|
|
|
title:
|
2016-07-21 09:51:04 +08:00
|
|
|
zh-CN: 各种大小
|
|
|
|
|
en-US: Size
|
2016-03-31 09:40:55 +08:00
|
|
|
---
|
2015-10-31 02:00:03 +08:00
|
|
|
|
2016-07-21 09:51:04 +08:00
|
|
|
## zh-CN
|
|
|
|
|
|
2015-10-31 02:00:03 +08:00
|
|
|
小的用于文本加载，默认用于卡片容器级加载，大的用于**页面级**加载。
|
|
|
|
|
|
2016-07-21 09:51:04 +08:00
|
|
|
## en-US
|
|
|
|
|
|
2019-04-19 22:38:41 +08:00
|
|
|
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**.
|
2016-07-21 09:51:04 +08:00
|
|
|
|
2019-05-07 14:57:32 +08:00
|
|
|
```jsx
|
2015-10-31 02:00:03 +08:00
|
|
|
import { Spin } from 'antd';
|
|
|
|
|
|
|
|
|
|
ReactDOM.render(
|
|
|
|
|
<div>
|
|
|
|
|
<Spin size="small" />
|
|
|
|
|
<Spin />
|
|
|
|
|
<Spin size="large" />
|
2018-06-27 15:55:04 +08:00
|
|
|
</div>,
|
2019-05-07 14:57:32 +08:00
|
|
|
mountNode,
|
2018-11-28 15:00:03 +08:00
|
|
|
);
|
2019-05-07 14:57:32 +08:00
|
|
|
```
|
2016-06-18 15:43:42 +08:00
|
|
|
|
|
|
|
|
<style>
|
2020-04-05 12:04:22 +08:00
|
|
|
.ant-spin.ant-spin-spinning {
|
2016-06-18 15:43:42 +08:00
|
|
|
margin-right: 16px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
