Vue Picture Swipe Gallery
made with
Vuejs
简介及使用教程
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相关项目