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

Image 图片 ​

图片容器:fit 填充模式、懒加载、加载失败占位、圆角;传入 preview-src-list 后点击可全屏预览(复用 EbImageViewer,支持多图切换 / 缩放 / Esc 关闭)。

基础用法与填充模式 ​

同一张图在 cover / contain / fill 下的表现

点击预览(大图查看) ​

传入 preview-src-list 即可点击预览;多张图时预览器内可左右切换:

点击任意一张打开预览(Esc 或点击遮罩关闭)

加载失败占位 ​

Image API ​

名称类型默认值说明
srcString—图片地址
fitStringcoverfill / contain / cover / none / scale-down
width / heightString / Number—尺寸
roundBooleanfalse圆角
lazyBooleanfalse懒加载(IntersectionObserver)
preview-src-listArray[]可预览的大图地址列表;传入后点击图片打开预览器
initial-indexNumber0预览器初始定位
hide-on-click-modalBooleanfalse点击遮罩关闭预览
alt / referrerpolicyString—原生属性透传

事件:load、error、switch(预览切换)、close(预览关闭);插槽:error、placeholder。