Skeleton
Skeleton 用于显示装饰性的加载占位内容。它不会限定形状；请通过 class 或内联样式设置尺寸、布局和圆角。
示例
默认
形状
动画
Pulse
Wave
None
参考
结构
| 元素 | 部件 | 选择器 |
|---|---|---|
<component> | root | [data-scope="skeleton"][data-part="root"]鼠标左键单击复制 |
属性
| 名称 | 说明 | 默认值 | 控件 |
|---|---|---|---|
as可选 | Element tag used for the skeleton root. string | undefined | "div" | |
animation可选 | Loading placeholder animation. nonepulsewave | "pulse" |
样式3
| Token | 说明 |
|---|---|
--md-skeleton-animation-durationMotion回退值 1.4s | Controls animation duration. |
--md-skeleton-container-colorColor回退值 var(--md-color-container,--translucent(var(--md-sys-color-on-surface),0.12)) | Controls placeholder container color. |
--md-skeleton-highlight-colorColor回退值 --translucent(var(--md-sys-color-on-surface),0.08) | Controls wave highlight color. |