简介
⻣架形式的加载⽤于初始⻚⾯的加载,⽤于向⽤户展示信息尚未完全加载时页面的大致结构,它的出现时间⽐较短,通常为⼏秒钟,当信息显示出来后就消失。
⻣架可以向⽤户传达⻚⾯没有卡住仍在加载数据,帮助减少⽤户的不确定性。
基本样式
基础样式
带动画效果的样式
设计说明
骨架屏何时使用?
当网络较慢或内容较多时,需要长时间等待加载处理的情况下
1.进入页面后的首次加载
2.内容区域的布局排版相对固定的列表或卡片,若全局或元素加载,可使用Loading 加载中
使用建议
1.当加载时长小于1s时,不建议使用骨架屏;时长大于10s时,可提供加载失败反馈和出口;
2.数据加载有一定的秩序性,可以按模块排列、主次等,尽量缩短不同元素加载的时差;
3.默认展示动画效果
相关文档
- Loading 加载中