相册图库(React)
react-thumb-photo-gallery
该组件库是基于photoswipe
进行二次开发。支持Tree Shaking
适用场景
一组图片铺开展示,点击图片可以查看原图,支持缩放,支持移动端。
参考下图场景:

或者只是展示一组图片(或者一张图片)

Demo
在线演示
使用方式
- PhotoGallery
import PhotoGallery from 'react-thumb-photo-gallery'
<PhotoGallery photos={photos} margin={6} radius={4} />
- PhotoThumbs
import { PhotoThumbs } from 'react-thumb-photo-gallery'
<PhotoThumbs photos={photos} margin={6} radius={4} />
PhotoThumbs
only handle thumbs without photoswipe
integration, so it has smaller package size.
更多详细可以到项目Repo查看