UNPKG

1.24 kBMarkdownView Raw
1# 加载提示 Loading
2
3加载数据时显示动效。
4
5## 何时使用
6
7
8## 如何使用
9
10```
11import { Loading } from 'tinper-bee';
12
13or
14
15import Loading from 'bee-loading';
16import 'bee-loading/build/Loading.css';
17
18```
19
20## 代码演示
21
22## API
23
24|参数|说明|类型|默认值|
25|:---|:----|:----|:------|
26|loadingType|Loading类型,可选值为 `rotate` `line` `custom`|string|rotate|
27|indicator|自定义加载图标,**注意:必须设置 loadingType='custom'**|ReactElement|-|
28|size|加载大小,可选值为 `lg` `md` `sm`|string|md|
29|container|渲染到的容器,通过this可以显示在该组件的上面,也可以通过function中return一个元素来显示在指定元素上面|this或者function|默认显示在body上面|
30|showBackDrop|是否显示遮罩层|boolean|true|
31|fullScreen|是否全屏显示,若Loading显示在 body 上,建议设置该属性|boolean|false|
32|wrapperClassName|容器样式|string|''|
33|[v2.0.0新增] tip|Loading的文字描述|string|''|
34
35## 注意事项
36- bee-loading v2.0.0及之后的版本,使用 `tip` 属性添加Loading的文字描述。使用方法:
37```
38 <Loading
39 show={true}
40 tip="Loading..."
41 />
42```
43
44## 更新日志
\No newline at end of file