Loading 加载

加载数据时显示动效。

基础用法

增加文字描述

通过 text 属性可以设置文字描述。

自定义图标

通过 js 控制 loading 的加载

可用的 CSS 变量

点击查看

:host {
    --swc-loading-mask-color: rgba(255, 255, 255, 0.85);
    --swc-loading-text-color: var(--swc-text-color-regular, #606266);
    --swc-loading-text-margin-top: 12px;
    --swc-loading-text-font-size: 13px;
}

Props

参数	说明	类型	可选值	默认值
loading	是否显示 loading	boolean	-	false
text	loading 时的文本	string	-	-

Slots

name	说明
icon	自定义 loading 图标
default	内容区域