Ant Design Blazor
Image图片
可预览的图片。
何时使用
- 需要展示图片时使用。
- 加载大图时显示 loading 或加载失败时容错处理。
Examples
Image API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| Alt | 属性图片的替代文字 | String | -- |
| Fallback | 属性如果图像无法加载则回退 | String | -- |
| Height | 属性图片高度 | String | -- |
| Width | 属性图片宽度 | String | -- |
| Placeholder | 属性加载占位符 | RenderFragment | -- |
| Preview | 属性启用或禁用预览功能 | Boolean | true |
| PreviewVisible | 属性预览是否可见 | Boolean | -- |
| Src | 属性图片来源 | String | -- |
| PreviewSrc | 属性预览图像源 | String | -- |
| PreviewVisibleChanged | 属性AntDesign.Image.PreviewVisible 变化时执行的回调 |
EventCallback<Boolean> | -- |
| OnClick | 属性图片点击回调 | EventCallback<MouseEventArgs> | -- |
| Locale | 属性组件的语言环境数据 | ImageLocale | -- |
| Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
| Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
| Style | 属性指定 DOM 元素的内联样式。 | String | -- |
| RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
ImagePreviewGroup API#
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| ChildContent | 属性组的内容。通常包含 Image 元素。 |
RenderFragment | -- |
| PreviewVisible | 属性是否打开预览图片。双向绑定。 | Boolean | true |
| PreviewVisibleChanged | 属性AntDesign.ImagePreviewGroup.PreviewVisible 变化时执行的回调 |
EventCallback<Boolean> | -- |