-
组件布局 Layout视图 View导航 Navigation反馈 Feedback
加载提示 Loadingissue v3.0.1- v3.0.1
- v3.0.0
- v2.1.0
- v2.0.4
- v2.0.3
- v2.0.2
- v2.0.1
- v2.0.0
- v1.1.3
- v1.1.2
- v1.0.9
- v1.0.8
- v1.0.7
- v1.0.6
- v1.0.5
- v3.0.1
- v3.0.0
- v2.1.0
- v2.0.4
- v2.0.3
- v2.0.2
- v2.0.1
- v2.0.0
- v1.1.3
- v1.1.2
- v1.0.9
- v1.0.8
- v1.0.7
- v1.0.6
- v1.0.5
加载数据时显示动效。
何时使用
如何使用
import { Loading } from 'tinper-bee';
or
import Loading from 'bee-loading';
import 'bee-loading/build/Loading.css';
能力特性
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
loadingType | Loading类型,可选值为 default rotate line custom |
string | default |
indicator | 自定义加载图标,注意:必须设置 loadingType='custom' | ReactElement | - |
size | 加载大小,可选值为 lg md sm |
string | md |
container | 渲染到的容器,通过this可以显示在该组件的上面,也可以通过function中return一个元素来显示在指定元素上面 | this或者function | 默认显示在body上面 |
showBackDrop | 是否显示遮罩层 | boolean | true |
fullScreen | 是否全屏显示,若Loading显示在 body 上,建议设置该属性 | boolean | false |
wrapperClassName | 容器样式 | string | '' |
[v2.0.0新增] tip | Loading的文字描述 | string | '' |
注意事项
- bee-loading v2.0.0及之后的版本,使用
tip
属性添加Loading的文字描述。使用方法:<Loading show={true} tip="Loading..." />
更新日志
-
v3.0.0 2020-06-29 ( release地址 )
-
v2.0.2 2019-09-21 ( release地址 )
- bee-loading @2.0.2
- [Feature]支持自定义属性。
- bee-loading @2.0.2
-
v2.0.1 2019-09-06 ( release地址 )
- bee-loading @2.0.1
- [Feature]支持服务端渲染。
- bee-loading @2.0.1
-
v2.0.0 2019-09-04 ( release地址 )
- bee-loading @2.0.0
- [Feature]增加 tip 属性,自定义描述文字。
- bee-loading @2.0.0
-
v1.1.2 2019-09-03 ( release地址 )
- bee-loading @1.1.2
- [Feature]支持传入自定义图标。注意:要设置 loadingType="custom",并通过 indicator 属性自定义图标的内容才能生效。
- bee-loading @1.1.2
-
v1.1.3 2019-09-03 ( release地址 )
- bee-loading @1.1.3
- [Update]组件内添加默认容器样式 "position : relative"
- bee-loading @1.1.3
-
v1.0.9 2019-03-29 ( release地址 )
- [Feature]bee-loading @1.0.9,规范loading描述的文字样式
-
v1.0.8 2019-03-28 ( release地址 )
- [Feature]bee-loading @1.0.8
- 修改loading转速
- 规范不同尺寸的loading图标大小
- 解决loading遮罩层没有固定在全屏显示的问题
- [Feature]bee-loading @1.0.8
-
v1.0.7 2019-03-27 ( release地址 )
- [Feature]bee-loading @1.0.7
- 遮罩层透明度由0.7改为0.4
- 更换了loading加载的图标
- v1.0.7之后的版本将废弃colorAPI
- [Feature]bee-loading @1.0.7