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

Empty空状态

空状态时的展示占位图。

何时使用

  • 当目前没有数据时,用于显式的用户提示。
  • 初始化场景时的引导创建流程。

Examples

简单的展示。

expand code expand code

可以通过设置 Simple 属性为 true,选择另一种风格的图片,这里实现与 Ant Design 不同。

expand code expand code

自定义图片链接、图片大小、描述、附属内容。

expand code expand code

自定义全局组件的 Empty 样式。

expand code expand code

无描述展示。

expand code expand code

Empty API#

属性 描述 类型 默认值
ImageStyle 属性图像包装的样式。无论图像类型如何,始终使用。 String --
Small 属性使用 Empty 的小变体 Boolean --
Simple 属性使用 Empty 的简单变体。也改变图像。 Boolean --
ChildContent 属性空视图后显示的内容 RenderFragment --
Description 属性空视图的区域设置 OneOf<String, Boolean?> No Data (in current locale)
DescriptionTemplate 属性视图的描述内容。优先于 AntDesign.Empty.Description RenderFragment --
Image 属性用于查看的图像 URL。优先于 AntDesign.Empty.Simple String --
ImageTemplate 属性空视图的图像内容。优先于 AntDesign.Empty.ImageAntDesign.Empty.Simple RenderFragment --
Id 属性组件 HTML 的 ID String Uniquely Generated ID
Class 属性为 DOM 元素指定一个或多个类名。 String --
Style 属性指定 DOM 元素的内联样式。 String --
RefBack 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 ForwardRef --
Descriptions描述列表 Image图片
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.