骨架屏

在内容加载完成、界面准备好进行用户交互之前，用于替换实际内容的动画占位符。如果加载时间不超过 300 毫秒，则使用此组件。

§结构

根据内容，可以呈现为矩形、圆形或两者的组合。

§尺寸

该组件会适应它在加载期间所替换的内容容器的尺寸。

§使用场景

1. 可以展示整个页面

2. 可以只替换部分内容，允许与界面的其余部分进行交互

§建议

使用

1. 当内容类型在加载后可以预测时
2. 加载时间少于 300 毫秒时
3. 如果骨架屏用于异步加载，它应该显示在加载发生的精确位置，因为加载一个元素块不应该阻塞界面的其余部分。

不要使用

1. 如果加载时间超过三秒，最好使用旋转加载器（spin）或加载器（loader）。
2. 如果加载时间超过 10 秒且确切的持续时间已知，则应显示进度条。
3. 当加载由按钮点击触发时，使用按钮的状态作为反馈就足够了，尤其是在模态窗口中。