基于Vue的图片预览插件

推荐一款支持图片缩放归位的预览插件 plugin-photo-swiper。插件基于Vue实现,使用TypeScript语法,所以兼顾了主流的开发环境,也提供了丰富的api和配置项供您选择。与普通的图片预览的差别是这个插件可以根据点击的图片位置进行过渡动画,当关闭时也可以缩放回当前查看的元素位置,过渡更加自然。例子在这里:https://starfishing.github.io/plugin-site/

展示:

特性

  • 移动端双指缩放,双击放大,左右滑动切换
  • pc端支持鼠标左右滑动切换,鼠标单击放大
  • 支持图片的缩放归位效果,也支持单纯的图片预览
  • 支持手势上划下划关闭

更多使用方式可以参考示例里面的参考文档。

你可能感兴趣的:(vue)