Skip to content

Loading 加载

等待数据加载时,使用加载动画

指令式调用加载

在需要加载的区域添加 v-loading 指令,可以自定义加载文本,给元素添加 fan-loading 前缀 + text 属性

loading

服务式调用加载

通过 FLoading.service() 方法以编程方式控制加载状态,支持指定目标元素。

loading

全屏loading

支持全屏显示加载状态,可锁定背景防止交互。

loading

API

配置项

参数说明类型默认值
text加载文本内容string-
background背景遮罩颜色string-
fullscreen是否全屏显示booleanfalse
lock是否锁定背景滚动booleanfalse
closedLoading 完全关闭后触发的函数Function()=>void

指令

名称说明类型
v-loading是否显示动画boolean | LoadingOptions
fan-loading-text加载图标下方的加载文案string
fan-loading-background背景遮罩颜色string