Skeleton 骨架屏
当页面加载时间较长，需先呈现页面大致结构，用以安抚用户的等待焦虑时。
构成
段落骨架屏
若有必要解释其他情况请在下方继续补充需要说明的内容……
卡片/图片/骨架屏
若有必要解释其他情况请在下方继续补充需要说明的内容……
按钮骨架屏
若有必要解释其他情况请在下方继续补充需要说明的内容……
头像骨架屏
若有必要解释其他情况请在下方继续补充需要说明的内容……
表格骨架屏
若有必要解释其他情况请在下方继续补充需要说明的内容……
使用场景
何时使用骨架屏何时使用 loading
骨架屏：如果加载的内容结构已知，优先使用骨架屏（即使加载很快），例如常规功能页、列表页，卡片页，固定形式活动页。
Loading： 对于用户主动/被动触发的动作（如保存、支付、网络不佳局部加载），必须使用明确的Loading状态（如按钮Loading）。这提供了关键的操作反馈，告知用户指令已被接收。
使用条件
首次加载页面内容（如启动页、新页面打开）、页面局部刷新（如翻页、筛选）、慢速网络条件（>800ms延迟）
禁止场景
瞬时加载（<300ms）无需展示骨架
扫光示例
fill-table-accent
fill-table-accent
functional-neutral-container
水平从左至右扫光
若有必要解释其他情况请在下方继续补充需要说明的内容……
使用条件一：长时等待场景（0.8~3秒）
长时间等待时可启用扫光，例如API接口响应延时阈值
使用条件二：关键转化路径节点
例如支付流程提交后、表单提交处理中、账户注册验证环节可使用扫光环节用户等待焦虑
禁用条件一：微内容加载 (<0.8秒)
小于 0.8 秒需使用静态骨架 (避免视觉噪音)
禁用条件二：重复性结构
表格行连续加载、卡片流瀑布布局、消息列表滚动加载时使用静态骨架
用法
正确
错误
保持与最终UI的布局一致性 (≥90%布局匹配度)
骨架屏
加载占位符
占位框
加载框
占位屏幕