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 正在加载 --

results matching ""

    No results matching ""