Appearance
CellImagePreview 图片预览组件
CellImagePreview 是一个用于展示和预览图片的组件,支持图片缩略图展示和点击放大预览功能。
基础用法
loading
API
Props
| 参数名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| url | 缩略图URL | string | '' |
| srcList | 预览图片列表 | string[] | [] |
| wrapperClass | 外层容器的自定义类名 | string | '' |
| imageClass | 图片的自定义类名 | string | '' |
| showCount | 是否显示图片数量 | boolean | true |
功能特点
- 支持缩略图展示
- 点击图片可放大预览
- 支持多图片预览
- 显示图片总数
- 自动处理图片加载错误
- 支持自定义样式类名
注意事项
- 组件内部使用了Element Plus的
el-image和el-image-viewer组件 - 缩略图默认尺寸为64x64像素
- 支持OSS图片自动优化(会自动添加图片处理参数)