Skeleton

内容加载前的占位骨架。

最后更新

说明

支持单块、多行文本、圆形头像与卡片四种形态。

常见能力:

  • 块 / 多行 / 圆形 / 卡片

用法

<Skeleton Width="120px" />
<Skeleton Circle Width="48px" />
<Skeleton Lines="3" />

API 参数

参数 类型 默认值 说明
Card bool false 卡片容器。
ChildContent RenderFragment null
Circle bool false 圆形(头像)。
Content RenderFragment null
Height int 16
Lines int 0 行数,>1 时渲染为多行文本骨架。
Visible bool true 取得或设置组件是否可见,默认为false。
VisibleChanged EventCallback<bool> — 事件 取得或设置组件可见性变化时的回调事件。
Width string "100%" 块状宽,默认 100%。
Class string null 取得或设置组件的CSS类名,用于自定义样式。
Disabled bool false 取得或设置组件是否禁用,默认为false。
Style string null 取得或设置组件的内联样式,用于自定义样式。

所有组件均继承 BaseComponent,除上表参数外还支持 Class、Style、Disabled、Visible。

微信公众号二维码 扫码关注公众号
QQ 交流群二维码 扫码加入 QQ 群