如何使用

  • 通过模拟待显示内容的外轮廓,告知用户此处有内容尚未显示。
  • 通常当应用整页加载,或是表格/卡片等图文较密集的组件需要加载内容,且时长超过500ms时,我们考虑使用骨架屏组件。

解构

类型
  1. 图像占位图形 :用于图片/视频等面积较大的组件占位
  2. 头像占位图形 用于头像等圆形轮廓组件占位
  3. 标题占位图形 用于单行标题等字号/字重较大的组件占位
  4. 文本占位图形 用于正文或段落多行文本组件占位
  5. 标题占位图形 按钮占位图形:用于按钮等控制器组件占位

组件 Demo

✅ ️ Figma Variants

基本用法