1.1.0 • Published 4 years ago
react-preview-images v1.1.0
react-preview-images
This project is still in the test phase, use it carefully! 😈
Install
$ npm install react-preview-images
Usage
import { PreviewPc, PreviewH5 } from 'react-preview-images'
import 'react-preview-images/dist/main.css'
Demo
PreviewPc
import { PreviewPc } from 'react-preview-images'
import 'react-preview-images/dist/main.css'
...
const [visible, setVisible] = React.useState(false)
...
...
<PreviewPc
visible={visible}
title="预览图片"
list={['1.jpg', '2.jpg', '3.jpg', '4.jpg']}
onCancel={() => setVisible(false)}
/>
...
PreviewH5
import { PreviewH5 } from 'react-preview-images'
import 'react-preview-images/dist/main.css'
...
const [visible, setVisible] = React.useState(false)
...
...
<PreviewH5
visible={visible}
list={['1.jpg', '2.jpg', '3.jpg', '4.jpg']}
onCancel={() => setVisible(false)}
/>
...