loading.md

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