【antd】图片预览组件

1 组件官方

官网：https://zmage.caldis.me/

github：https://github.com/Caldis/react-zmage

2 安装

npm i react-zmage --save

3 参数（具体参看github）

配置项	类型	默认值	描述	示例
src	String	""	图片 Url，与 img 标签的 src 属性相同	示例
alt	String	""	图片占位文字，与 img 标签的 alt 属性相同	示例
set	ObjectArray	[]	如果想在查看模式下呈现多张图片，可以在 set 中传入多个图片对象	示例
defaultPage	Number	0	如果传入了多张图片, 可以指定打开后的默认页	示例

4 用例

 

import Zmage from 'react-zmage'

5 图