Skip to content

ImagePreview 图片预览

图片预览组件。

示例

API

属性说明类型默认值
src图片地址string-
alt替代文本string-
width宽度number160
height高度number120

可访问性

  • 缩略图会以 role="button" 暴露,并支持 Enter / Space 打开预览。
  • 预览层使用 role="dialog"aria-modal="true",打开后焦点会移动到关闭按钮。
  • Escape 或点击关闭按钮会关闭预览,并将焦点返回缩略图。
  • 预览打开期间会锁定 document.body 滚动,关闭后恢复原始滚动状态。