Skeleton 骨架屏

在需要等待加载内容的位置提供一个占位图形组合。

基础用法

基础的骨架屏效果。

动画效果

显示动画效果。

自定义样式 (Variant)

支持多种预设样式，包括图片、标题、段落等。

图片占位

专门的图片占位符，使用内部图标库。

Loading 状态

控制是否显示骨架屏。

渲染多条数据 (Count)

渲染多个骨架屏，常用于列表页。

延迟渲染 (Throttle)

避免闪烁。

API

Skeleton Props

属性名	说明	类型	默认值
loading	是否显示骨架屏	boolean	true
rows	骨架屏行数	number	0
animated	是否显示动画	boolean	false
count	渲染多少个模板	number	1
throttle	延迟渲染时间(ms)	number	0

SkeletonItem Props

属性名	说明	类型	默认值
variant	当前显示的占位元素样式	string	text
width	指定宽度	string / number	-
height	指定高度	string / number	-

Skeleton Slots

插槽名	说明
default	真实内容
template	自定义骨架屏模板