@hi-ui/loading
TypeScript icon, indicating that this package has built-in type declarations

4.2.1 • Public • Published

Loading 动效加载

用于请求和数据加载成功的中间状态,缓冲用户的等待焦虑

何时使用

页面加载时

页面卡片、浮层面板加载时

使用示例

Props

参数 说明 类型 可选值 默认值
size loading 的尺寸 string 'lg' | 'md' | 'sm' 'md'
content 自定义加载中状态的文案 string | ReactNode - -
visible 是否显示 loading boolean true | false true
full 是否全屏 boolean true | false false

Methods

Loading.open(target, { content, size, duration, key })

参数 说明 类型 可选值 默认值
key 标识  Loading  的唯一 key,仅用于关闭 string - -
target 需要  Loading  遮罩的元素, 当不传时为全屏遮罩 HTMLElement - -
content 自定义加载中状态的文案 string | ReactNode - -
duration loading 自动关闭的时间,单位为毫秒 number - -
size loading 的尺寸 string 'lg' | 'md' | 'sm' 'md'

Loading.close(key)

参数 说明 类型 可选值 默认值
key 标识  Loading  的唯一 key string - -

CHANGELOG

参数 变更类型 变更内容 解决的问题
label feature
container feature
delay feature
  • Loading.open method 参数类型、个数改变

Readme

Keywords

none

Package Sidebar

Install

npm i @hi-ui/loading

Weekly Downloads

30

Version

4.2.1

License

MIT

Unpacked Size

40.5 kB

Total Files

17

Last publish

Collaborators

  • sivan
  • solarjoker