项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。开发迭代中,请勿用于生产环境。
Skip to content
仅桌面端保证样式

ImageWall 图片墙 ​

EvImageWall 网格图片墙:默认三列、统一 4:3 画幅,点击任意图片直接打开 ImagePreview 图片预览 灯箱;preview 关闭后只派发 select 事件。

基础用法 ​

三列网格 + 点击预览
images 支持字符串 url 或 { src, alt };点击任意一张打开灯箱,← → 键切换。
vue
<EvImageWall
  :images="[
    { src: '/images/a.jpg', alt: '山脊线' },
    { src: '/images/b.jpg', alt: '雾中山林' },
  ]"
  :columns="3"
/>

API ​

Props ​

属性说明类型默认值
images图片列表:url 字符串或 { src, alt }array[]
columns列数number3
gap间距(px)number14
radius圆角(px)number12
preview点击打开预览灯箱booleantrue

事件 ​

事件说明
select点击图片时触发,参数为 (item, index)

基于 MIT 许可证发布