在项目中因为要经常用到图片预览效果，自己写的话麻烦死啦(懒)

vue-photo-preview

一个基于 photoswipe 的 vue 图片预览插件，支持移动端和PC端，支持各种手势操作，放大缩小，体验流畅。

gitHub: https://github.com/826327700/vue-photo-preview

安装

npm install vue-photo-preview --save

引入

import preview from 'vue-photo-preview' import 'vue-photo-preview/dist/skin.css' Vue.use(preview)

使用

效果展示

移动端

pc端