Loading 加载
Loading Snippets
基础用法
一般情况下,使用 v-loading
指令的元素会被插入一个呈现正在加载动画的元素,动画在该元素中水平垂直居中:
<fm-list v-loading="true" :underline="false" title="Loading 等待">
<fm-list-item></fm-list-item>
<fm-list-item></fm-list-item>
<fm-list-item></fm-list-item>
</fm-list>
全局加载
使用 .body
修饰符可指定在 body
元素上插入正在加载动画:
<div v-loading.body="true"></div>
Loading Directives
指令名称 |
描述 |
类型 |
v-loading |
控制正在加载动画的显示与样式,传入对象可自定义动画颜色与文案 |
Boolean, Object |
Loading Modifiers
修饰符名称 |
描述 |
body |
表示使用全局加载动画,动画元素作为子元素会被插入 body ,而非作为使用 v-loading 的子元素 |
Loading Options
选项名称 |
描述 |
类型 |
默认值 |
可选值 |
show |
是否显示正在加载动画 |
Boolean |
false |
true, false |
color |
正在加载动画的颜色 |
String |
#198ded |
-- |
text |
正在加载动画的文案 |
String |
正在加载 |
-- |