Spin

加载指示器，旋转圆环或三点跳动，可包裹内容显示遮罩。

最后更新

说明

Type 选择指示器形态：circle（默认旋转圆环）或 dot（三点跳动），Size 控制尺寸；Mask 为真时覆盖在子内容之上，适合按钮与卡片局部加载。

常见能力：

  • circle / dot 两种指示器
  • sm / md / lg 尺寸
  • 文字提示
  • 遮罩模式

用法

<Spin />
<Spin Type="dot" Size="lg" />
<Spin Text="加载中…" />
<Spin Mask="true"><Card>内容</Card></Spin>

API 参数

参数 类型 默认值 说明
ChildContent RenderFragment null
Mask bool false 遮罩模式，覆盖在父容器上。
Size string null 尺寸：lg / sm。
Text string null 提示文字。
Type string null 指示器类型：circle（默认，旋转圆环）/ dot（三点跳动）。
Visible bool true 取得或设置组件是否可见，默认为false。
VisibleChanged EventCallback<bool> — 事件 取得或设置组件可见性变化时的回调事件。
Class string null 取得或设置组件的CSS类名，用于自定义样式。
Disabled bool false 取得或设置组件是否禁用，默认为false。
Style string null 取得或设置组件的内联样式，用于自定义样式。

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

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