更新记录

1.1.0（2021-12-09） 下载此版本

添加保存分享图片

1.0.0（2021-12-07） 下载此版本

图片预览(使用简单) 可以缩放

平台兼容性

uni-app

其他

showimg使用说明

长按可以弹出菜单(保存图片不支持h5)

1. 下载压缩包并解压到页面目录中

2. 在pages.json中添加页面

   {
      "path": "pages/showimg/showimg",
      "style": {
          "navigationBarTextStyle":"white",
          "app-plus":{
              "animationType":"fade-in",
              "animationDuration":300
           }
   }
   }

3.跳转到页面并传递参数

imgs为图片列表 本地路径和网络路径均可
current为索引

uni.navigateTo({
    url: '/pages/showimg/showimg?imgs=' + JSON.stringify(imgs) + '&current=' +current,
    animationType: "fade-in",
})

可以封装在Vue.prototype中

//main.js
Vue.prototype.$showimg = function (data) {
  uni.navigateTo({
    url: '/pages/showimg/showimg?imgs=' + JSON.stringify(data.imgs) + '&current=' + data.current,
    animationType: "fade-in",
  })
}