react-big-image-viewer v0.0.2

React 查看图片插件

开发环境

React16.9 + webpack + styled-component

一、使用方式

1、安装

npm i react-big-image-viewer -D

2、使用

import ImageViewer from 'react-big-image-viewer';
...
<ImageViewer visible={visible} onClose={this.close} src={viewUrl} title={title}/>
//或
visible && <ImageViewer visible={visible} onClose={this.close} src={viewUrl} title={title}/>
...

2、参数说明

visible //是否展示查看窗口
onClose //关闭查看窗口回调
src     //图片地址

二、注意事项

三、更新记录

1、0.0.1 初始化版本

2、0.0.2 增加传入图片名称属性及打包文件大小优化,用了styled-components感觉文件有点大