加载提示 Loading
issue

加载数据时显示动效。

何时使用

如何使用

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.1 2020-07-04 ( release地址 )

    Bug Fixes

    • 修复className覆盖自带class问题&container class重复问题 (df46b4b)
  • v3.0.0 2020-06-29 ( release地址 )

    
                        
  • v2.1.0 2020-06-29 ( release地址 )

    Features

    • 新增多语,默认loading修改 (2e58041)
  • v2.0.4 2020-04-24 ( release地址 )

    Bug Fixes

  • v2.0.2 2019-09-21 ( release地址 )

    • bee-loading @2.0.2
      • [Feature]支持自定义属性。
  • v2.0.1 2019-09-06 ( release地址 )

    • bee-loading @2.0.1
      • [Feature]支持服务端渲染。
  • v2.0.0 2019-09-04 ( release地址 )

    • bee-loading @2.0.0
      • [Feature]增加 tip 属性,自定义描述文字。
  • v1.1.2 2019-09-03 ( release地址 )

    • bee-loading @1.1.2
      • [Feature]支持传入自定义图标。注意:要设置 loadingType="custom",并通过 indicator 属性自定义图标的内容才能生效。
  • v1.1.3 2019-09-03 ( release地址 )

    • bee-loading @1.1.3
      • [Update]组件内添加默认容器样式 "position : relative"
  • 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遮罩层没有固定在全屏显示的问题
  • v1.0.7 2019-03-27 ( release地址 )

    • [Feature]bee-loading @1.0.7
      • 遮罩层透明度由0.7改为0.4
      • 更换了loading加载的图标
      • v1.0.7之后的版本将废弃colorAPI