骷髅

动画占位符,在内容加载期间取代实际内容,直到界面准备好进行用户交互。在加载时间不超过 300 毫秒时使用。

结构

视内容而定,可以采用矩形、圆形或两者的组合的形状。

IMG - 11.png

尺码

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

用例

1.可以显示整个页面 Frame 1.png

2.只能替换部分内容,允许与界面的其余部分进行交互 Frame 2.png

建议

使用

1.加载后何时可以预测内容类型 2.加载时间小于 300 毫秒 3.如果框架用于异步加载,则应准确显示加载发生的位置,因为加载一个元素块不应阻塞接口的其余部分。

IMG - 88.png

不要使用

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

以前选择
下一步旋转