Vue Picture Swipe Gallery
made with Vuejs

Vue Picture Swipe Gallery

这个组件是对Photoswipe的简单封装。

相关问答
暂无相关问题
查看全部
简介及使用教程

Vue Picture Swipe Gallery是用Vue.js对Photoswipe的简单封装,可以滑动查看图片库,还有懒加载、缩略图等功能。

安装

Npm

npm install --save vue-picture-swipe

Yarn

yarn add vue-picture-swipe

使用

注册组件

import VuePictureSwipe from 'vue-picture-swipe';
Vue.component('vue-picture-swipe', VuePictureSwipe);

new Vue({
  el: '#app'
})

使用组件

<vue-picture-swipe :items="[
    {src: 'http://example.org/xl.jpg',thumbnail: 'http://example.org/sm1.jpg',w: 600,h: 400, title: 'Will be used for caption'},
    {src: 'http://example.org/xxl.jpg',thumbnail: 'http://example.org/sm2.jpg',w: 1200,h: 900}
  ]"></vue-picture-swipe>

示例

作者

Raphaël Huchet

@rap2h

相关项目