Image

定尺寸图片卡片,支持说明条与点击预览。

最后更新

说明

尺寸预设 small / medium / large,Preview 非空时整卡可点击放大。

常见能力:

  • 三种尺寸
  • 底部说明
  • 点击预览

用法

<Image Src="/img/logo1.png" Caption="Known" Size="medium" Preview="/img/logo1.png" />

API 参数

参数 类型 默认值 说明
Alt string null
Caption string null 说明文字(底部渐变条)。
Fallback RenderFragment null 自定义加载失败占位内容;为空则用内置图标 + FallbackText。
FallbackText string "图片加载失败" 加载失败时占位文案(未提供 Fallback 时生效)。
Fit string "cover" object-fit 方式。
Preview string null 点击后在应用内放大预览的原图地址,为空则不可点击预览。
Size string "small" 尺寸:small / medium / large / full。
Src string null
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 群