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

相关项目

这是一个基于Vue的图像墙组件。
这是一个图片显示视差指令。
这是一个可以用手指或鼠标在浏览器内绘制svg路径的APP。
这是一个根据鼠标悬停缩放响应式的图像组件。
这是一个简单美观的图片上传工具。
这是一个可以让2张图像之间的差异突出现实的组件。
这一个基于Vue.js的灯箱组件,无其他依赖。