Loading 加载中

Loading 组件用于表示页面或区域的加载中状态，提示用户等待一会儿。

图标类型

通过type属性可以设置加载中图标的类型。

通过color属性可以设置图标和文本的颜色。

通过duration属性可以设置动画播放一个周期的时长。

通过size属性可以设置图标的大小，通过stroke属性可以设置图标的线条粗细。

通过text属性可以设置文本。

通过direction属性可以设置图标和文本的对齐方式，默认是水平对齐，也可以垂直对齐。

typescript

type LoadingType = 'default' | 'spinner' | 'ring';
type LoadingDirection = 'horizontal' | 'vertical';

属性名	类型	默认值	说明
type	`string as LoadingType`	'default'	加载图标的类型，可选值：`default`（默认）、`spinner`、`ring`
text	`string`	--	文本内容
direction	`string as LoadingDirection`	'horizontal'	图标与文本的对齐方向，默认水平对齐，可选垂直对齐
size	`string`	'24px'	图标的大小
textSize	`string`	--	文本的字体大小
stroke	`number`	--	图标的描边宽度
color	`string`	--	图标颜色
textColor	`string`	--	文本的颜色，默认与图标颜色相同
duration	`number`	--	加载动画播放一个周期的时长，单位：ms

名称	说明
default	文本内容
icon	自定义图标