Loading 加载
加载数据时显示动效。
基本用法
基础的加载动效用法。
Loading ...
▼显示代码
自定义
自定义加载特效。
Loading ...
▼显示代码
参数
你可以通过修改$.fn.loading.defaults
来修改全局默认配置,也可以在初始化时传入指定配置$(#id).loading({xx: xx})
。
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
icon | 自定义加载图标,支持html | string | - | '' |
text | 自定义加载文本,支持html、函数返回 | string / function | - | '' |
main | 自定义加载特效(覆盖icon 和text ),支持html、函数返回,你可以添加el-loading-spinner 类让其居中 | string / function | - | '' |
background | 遮罩背景色 | string | - | '' |
autoShow | 初始化时自动显示特效 | boolean | - | true |
override | 若有旧特效,是否重新覆盖 | boolean | - | false |
方法
你可以通过调用$(#id).loading('xxx')
来调用已被初始化过的元素的Loading方法。
方法 | 说明 | 举例 |
---|---|---|
show | 显示加载特效 | $(#id).loading('show') |
hide | 隐藏加载特效 | $(#id).loading('hide') |
← Alert 警告 Message 消息提示 →