Loading 加载

支持局部与全屏加载、丰富动画样式与主题，提供更开放的配置能力。

基础用法

类型

全屏加载

容器内加载

进度与最小显示时长

避免闪烁与过快消失，支持进度可视化。

自定义图标

主题

API

Attributes

属性名	说明	类型	默认值
visible	是否显示	boolean	false
type	指示样式	spinner / dots / bar / wave / orbital	spinner
text	描述文本	string	—
fullscreen	是否全屏	boolean	false
target	容器选择器或元素	string / HTMLElement	—
lockScroll	显示时是否锁定滚动	boolean	true
background	遮罩背景色	string	—
theme	主题	default / glass / gradient	default
progress	进度（0-100）	number	0
show-progress	是否显示进度条	boolean	false
throttle	延时显示以避免闪烁（毫秒）	number	150
min-duration	最小显示时长（毫秒）	number	300
mask	是否显示遮罩	boolean	true
size	尺寸	large / default / small	default
close-on-click-mask	点击遮罩是否关闭	boolean	false
z-index	层级	number	3000

Events

事件名	说明	回调参数
visible-change	显隐变化时触发	(visible: boolean)
progress-change	进度变化时触发	(progress: number)

服务方式调用

Loading 还可以以服务的方式调用。引入 FyoLoading 指令后，通过访问 FyoLoading.service 方法来调用。