react-thumb-photo-gallery

该组件库是基于photoswipe进行二次开发。支持Tree Shaking

适用场景

一组图片铺开展示,点击图片可以查看原图,支持缩放,支持移动端。

参考下图场景:

Photo Gallery组件

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

Photo Thumbs组件

Demo

在线演示

使用方式

  1. PhotoGallery
import PhotoGallery from 'react-thumb-photo-gallery'

<PhotoGallery photos={photos} margin={6} radius={4} />
  1. 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查看

参考

PhotoSwipe

0 0 vote
Article Rating
Subscribe
提醒
guest
0 评论
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x