logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Spin加载中

用于页面和区块的加载中状态。

何时使用

页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。

Examples

一个简单的 loading 状态。

expand code expand code

放入一个容器中。

expand code expand code

自定义描述文案。

expand code expand code

使用自定义指示符。

expand code expand code

小的用于文本加载,默认用于卡片容器级加载,大的用于页面级加载。

expand code expand code

可以直接把内容内嵌到 Spin 中,将现有容器变为加载状态。

expand code expand code

延迟显示 loading 效果。当 spinning 状态在 delay 时间内结束,则不显示 loading 状态。

expand code expand code

Spin API#

属性 描述 类型 默认值
Size 属性微调器的大小。可能的值:小、默认、大 String default
Tip 属性自定义Spin有孩子时的描述内容 String --
Delay 属性指定加载状态的延迟(以毫秒为单位)(防止刷新) Int32 0
Spinning 属性自旋是否激活 Boolean true
WrapperClassName 属性包装器的类名 String --
Indicator 属性旋转指示器的自定义显示 RenderFragment --
ChildContent 属性旋转将指示加载的内容 RenderFragment --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
Skeleton骨架屏 Watermark水印
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.