加载中 Spin

基本用法

用于展示加载中的状态。

容器中

可以给任意内容添加加载中指示符。

延迟显示

通过 delay 延迟显示加载指示器或容器遮罩，避免快速完成的异步操作造成界面闪烁。设置为 true 时默认延迟 400ms，也可以传入具体的毫秒数；加载结束时遮罩会立即隐藏。

点类型指示符

通过 dot 属性，可以展示点类型的指示符。

自定义图标

通过 #icon 插槽可以自定义图标。

不同尺寸

设置 size 可以得到不同尺寸的加载图标。

添加描述文案

通过 tip 属性添加描述文案。

API

<spin> Props

参数名	描述	类型	默认值
size	尺寸	number	-
loading	是否为加载中状态（仅在容器模式下生效）	boolean	false
delay	显示延迟；true 表示 400ms，也可传入毫秒数	boolean | number	false
dot	是否使用点类型的动画	boolean	false
tip	提示内容	string	-
hide-icon	是否隐藏图标	boolean	false

<spin> Slots

插槽名	描述	参数
tip	自定义提示内容	-
element	自定义元素	-
icon	自定义图标（自动旋转）	-