uni-app - 用户点击图像放大预览功能 / 支持左右滑动与手指手势放大缩小图片（支持单图与多图、实现手机查看大图全屏预览功能），类似微信查看图片的效果，支持 App、H5、小程序等全端兼容！

前言

网上很多教程都非常乱，并且很多文章都老了，代码注释

本文从 0-1 提供给您点击图片放大预览（全端兼容）函数的功能封装，

支持单图与多图（2张以上）模式，支持左右滑动与手指手势放大缩小图片，可监听图片打开成功与失败，

---

如下真机测试效果图（Gif 录屏显得卡顿，实际很刘畅）所示，代码干净整洁且注释详细：

在多图模式下，可将当前点击的图片置为第一张进行展示！

完整源码

推荐使用平台一键复制功能，避免漏选。

随便找个新页面，一键复制运行起来。

<template>