1 | # 加载提示 Loading
|
2 |
|
3 | 加载数据时显示动效。
|
4 |
|
5 | ## 何时使用
|
6 |
|
7 |
|
8 | ## 如何使用
|
9 |
|
10 | ```
|
11 | import { Loading } from 'tinper-bee';
|
12 |
|
13 | or
|
14 |
|
15 | import Loading from 'bee-loading';
|
16 | import '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 |