Skip to content

CellImagePreview 图片预览组件

CellImagePreview 是一个用于展示和预览图片的组件,支持图片缩略图展示和点击放大预览功能。

基础用法

loading

API

Props

参数名说明类型默认值
url缩略图URLstring''
srcList预览图片列表string[][]
wrapperClass外层容器的自定义类名string''
imageClass图片的自定义类名string''
showCount是否显示图片数量booleantrue

功能特点

  • 支持缩略图展示
  • 点击图片可放大预览
  • 支持多图片预览
  • 显示图片总数
  • 自动处理图片加载错误
  • 支持自定义样式类名

注意事项

  1. 组件内部使用了Element Plus的el-imageel-image-viewer组件
  2. 缩略图默认尺寸为64x64像素
  3. 支持OSS图片自动优化(会自动添加图片处理参数)