Skip to content
On this page

Loading 加载

加载中……

基本使用

可以在指定元素上通过fighting-design内置指令 v-loading 来实现加载状态

姓名年龄介绍
卡莉斯塔22她的被动可以在发动攻击后进行小距离的跳跃
艾希16拥有强大减速和控制能力的远程射手
李青34非常优秀的打野英雄
贾克斯109取得优势的武器可以输出成吨的伤害
开启

自定义文字

可以通过自定义属性来设置加载文字

姓名年龄介绍
卡莉斯塔22她的被动可以在发动攻击后进行小距离的跳跃
艾希16拥有强大减速和控制能力的远程射手
李青34非常优秀的打野英雄
贾克斯109取得优势的武器可以输出成吨的伤害
开启

其他属性

同样,通过自定义属性还可设置文字及加载图标颜色 遮罩背景颜色

姓名年龄介绍
卡莉斯塔22她的被动可以在发动攻击后进行小距离的跳跃
艾希16拥有强大减速和控制能力的远程射手
李青34非常优秀的打野英雄
贾克斯109取得优势的武器可以输出成吨的伤害
开启

全屏显示

通过指令修饰符 fullscreen可设置 loading 为全屏状态

姓名年龄介绍
卡莉斯塔22她的被动可以在发动攻击后进行小距离的跳跃
艾希16拥有强大减速和控制能力的远程射手
李青34非常优秀的打野英雄
贾克斯109取得优势的武器可以输出成吨的伤害
开启

Attributes

参数说明类型可选值默认值
v-loading是否开始 loadingboolean——false
text加载中文案string————
font-color加载中文案颜色string————
fullscreen是否全屏显示boolean——false
background自定义遮罩层背景色string————
icon自定义 iconFightingIcon————

Slots

插槽名称说明说明
icon自定义 icon

Interface

组件导出以下类型定义:

ts
import type {
  LoadingInstance,
  LoadingPropsType,
  LoadingElInterface
} from 'fighting-design'

Contributors