跳到主要内容

图片

可预览的图片。

何时使用​

  • 需要展示图片时使用
  • 加载大图时可进行 loading 或加载失败时的容错处理

一、属性​

1. 数据​

image-20250617134535671

图片的数据绑定方式有五种，除了 图片选择 之外，其他的绑定方式参考 数据绑定。

图片选择（选择图片资源文件夹下的图片）：

image-20250617134830177

图片选择之后：

image-20250617141757810

2. 功能​

2.1 支持预览​

当用户需要点击展示的图片进行放大查看时，可以设置该属性。

image-20240913124605441

2.2 默认图片​

如果该图片没有进行数据绑定，就会展示设置的默认图片。

3. 外观​

提供两个可设置选项：宽度和高度。

image-20240913124939659

3.1 宽度​

当需要自定义宽度时使用，默认值为 120px。

3.2 高度​

当需要自定义高度时使用，默认值为 120px。

二、常见使用场景​

  1. 在表格展示图片
    表格展示图书信息，包含封面。

    image-20240819162326031

  2. 在详情展示图片
    展示图书详细信息，包含封面。

    image-20240819162346927