【前言】

  在 vue 项目中经常碰到图片预览需求,也就是点击小图查看大图。也有一些这样的第三方插件,如 vue-preview 等。但使用起来感觉版本经常变,而且有时 UI 需要在预览页面上加更多的东西,所以就自己结合 mint-ui 中的 swipe 组件写了一个很简洁的查看大图组件。实际项目中还在此基础上添加了一些其他功能。

【效果图】

  点击就查看大图,再点击一下就关闭预览。

  vue-图片预览,查看大图-LMLPHP

【demo 地址】

  码云: https://gitee.com/LiJinShi/imgPreView

05-11 19:45