react组件（react-grid-gallery）

      react有很多好玩的组件，react-grid-gallery就是其中一个，主要处理图片展示，对图片进行放大与缩小

     文档：https://www.npmjs.com/package/react-grid-gallery

      demo：https://benhowell.github.io/react-grid-gallery

 

      gallery的options

         images:  图片路径

结构为： [{

src: imgUrl，

thumbnail: imgUrl，

}, {

src: imgUrl，

thumbnail: imgUrl，

}, {

src: imgUrl，

thumbnail: imgUrl，

}]

          backdropClosesModal: 用户点击背景是否会隐藏掉modal（boolean）

         showCloseButton： 是否显示关闭按钮（boolean）

backdropClosesModal与showCloseButton可以配合使用，达到想要的效果

 

         images中也有一些option

             thumbnailWidth：图片宽度

             thumbnailHeight： 图片高度

             caption: 图片的标题

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有