826327700 / vue-photo-preview Goto Github PK

View Code? Open in Web Editor NEW

473.0 473.0 122.0 9.79 MB

基于photoswipe的vue图片预览组件

Vue 27.60% JavaScript 72.40%

vue-photo-preview's People

Contributors

Stargazers

Watchers

Forkers

libin1991 lunay1016 262060984 long20150122 lintiansheng zerolidao hankbass rulanfenghua wangbeiyong1 gggso ucer harrietjia super-marrimo zhaoyxi webengineergh mstestlp cksa lybaby menglingkuo seasonq yewanqiu cjluzzl 490945932 chenmeng012 hester1470 averyyufull isgfka leaf123 awesome-collect lsliangshan olivervin hxq2912 cjl00 hellosyikai caitiandaren sandias kuiyouli chiuuuu moling1234 zhaoxinnnn bluecloudwhitesky hu524152741 xjmforweb bigbigeden xujiaxin0929 1259932147 zhaowenjie951214 zhaolixiang xiaom-web gertyxs yuannianfeng yangguoxin chenxianqi cklwblove qweruser 150148313 ljtin emmakaiqin cksfdd wodemax tingfeng626 gushasha danna1005 mesterli gtfd333 mezone lcffind ecnumjc moyuer91 hackun666 simmzl qifanrui webstager asiainfoliwei mvpleung zhangdaiscott li-breeder 15803458384 ligangan shiyuanmudan ww-pass amorcy neoliu6 ruanjian5216 gj201314 hkchenyuan yangyouyong famingng123 lisa-2017 linhuibin98 yuanxianmo wyk306607265 muziflying chengpeiquan zhangyuanzheng shinejstar dulizhi jtwanggithub lihaijett 1315007322

vue-photo-preview's Issues

新版本依然没有解决大图异步加载的问题

fix(#39 #40):修复在插件中使用options-preload无效的问题下载了最新版本点击图片时依然是下载完所有大图再打开

请问，移动端怎么配置点击空白处也能关闭弹出层？

目前默认有个双击放大的效果。。我现在需要点击空白的地方直接关闭弹出层。。如何配置呢。没看到这个配置参数。

移动端长图预览可以按比例展示吗

有的图片很长，通过其他软件拼接合成的，预览的时候能像微信那样按比例宽度100%展示，并且图片预览的位置在顶部

图片预览查看时候的是否可以增加一个图片旋转的按钮，例如全屏按钮操作fullscreenEl

在vue-cli脚手架创建的项目下使用该插件报错

这个报错应该跟该插件的依赖有关。建议作者将依赖包好好整理一下，区分开：依赖和开发依赖

通过mixin 混入对象mouted时本地init文件也会被同时调用

通过mixin混入对象，
有个init方法，被mouted调用了
所以导致我本地的init()方法也被自动调用了
开源代码，用的人太多了，我不敢改，哈哈哈哈，望作者改一下吧。
可以改个名或者其他的，多谢了

与openlayer有冲突

同时引入vue-photo-preview和openlayer会有冲突，导致地图加载不出来，注释掉vue-photo-previe地图可正常加载

图片地址数据由异步请求而来，导致图片无法预览。

作者你好，这边把图片地址由异步请求过来，在渲染完毕后，发现dom节点上并没有加上“data-pswp-uid”自定义元素，图片无法点击预览。这个问题应该如何处理呢？

读取服务器图片是不能打开，对本地图片可以正确添加data-pswp-uid

当我读取远程API返回的数据在Vue的Mounted（）然后使用v-for打印时没办法与preview关联，看了下没有data-pswp-uid，我应该怎么处理这个？

可不可以添加一个打开photo-preview的api，传入一个索引

PC全屏预览状况下，滑动或者点击两侧箭头，会导致右上角的放大按钮失效

PC全屏预览状况下，滑动或者点击两侧箭头，会导致右上角的放大按钮失效，希望做出调整

建议把this.init改一下名字

使用的时候会报this.init is not a function，应该是冲突了，我改源码中init函数的名称就可以了额，虽然说不影响使用，但是会在控制台报错，方便的话，建议作者可以改一下名称;

目前的功能查看api是不是没有图片查看时候的旋转啊？这个可以加吗

在pc端想要一个能够旋转图片的功能，这个组件的功能感觉还可以，要是有旋转功能就更好了，能加一个吗？

项目中使用了vue.mixin,混入的extend方法容易重名

我在项目中引入的vue-photo-preview,然后在引入的别的库，这个时候发生了extend被覆盖的情况，建议混入的方法不要出现extend这种容易重名的名称

预览图片是去放大图片会闪一下，变成高清的。这种用户体验不好，

和有冲突问题

同时引入两个组件会造成vue-baidu-map插件报错TypeError: t.Map is not a constructor
到底是vue-baidu-map插件的问题还是vue-photo-preview的问题
尝试不引入vue-photo-preview vue-baidu-map地图就可以正常使用
是不是有污染全局变量？

无法弹出浏览图片

有时候点击图片无法弹出浏览的窗口。
从列表页面跳转到详情页面，详情页面如果图片list不为空就显示可以浏览大图的图片列表，否则不显示图片。但是如果点击了一个详情里面没有图片的页面后返回重新进入有图片的页面则此时无法再详情中点击图片浏览大图。
求解！！

在预览图中后退直接退到了上一个页面

在原版photoswipe中，预览图时后退是退出预览图，请问您的插件怎么实现这种效果？

懒加载大图模式下，快速多次点击小图，会导致大图出来，关闭后，背景有个透明的遮罩，导致页面无法点击

大图不能使用lazyload吗？

如果一个组内设置了大图的地址，第一次点开的时候会加载所有的大图，这个很费时间，希望优化一下

图片预览弹框层级太低

在和element-ui使用时，由于element-ui本身有dialog组件。使得图片预览弹框会被element-ui 的dialog挡住

Android 微信端，大图模式下，按物理返回键时整个应用都退出了。

如果只关闭大图显示页面？
而不关闭整个应用呢。

建议增加一个图片缩略图地址

使用场景：在小图的时候，图片地址是缩略图的图片地址，点击查看大图的时候就是原图的地址。
所以建议可以设置两个图片地址。
还有一个问题是，npm网站中，留的github地址不正确

能修改preload的数组吗

你好，现在有个需求，要点击缩略图的时候只加载当前缩略图对应的大图，但是目前是点击缩略图，加载了所有的大图，我在option里面配置了 preload: [1,1] 好像不起作用

npm 上的版本没有更新？

看到npm上面的最后一个版本还是1.0.9，而github上面的最后一个版本是9月28日更新的，是没有提交到npm上吗？

大图查看模式下的问题

1、点击图片的时候，大图全部加载完成后才会打开预览，如果图片很多或者比较大，会等很久；
2、在等待大图加载的时候，如果继续点了图片，会有浮层遮盖页面，导致页面不可操作。

我是这样引入的：

结果报错，运行不起来。不知道怎么办才好。然后还有一点，请问一下必须用循环新的数组填充嘛？因为我从后台拿的数据是一张缩略图和一张大图，没有数组的，我直接就能展示出来，但是现在看您的demo里面用了数组，
我看您的代码，不清楚是在哪里放了大图的地址，很奇怪。是在这个里面放的吗this.$preview.on('imageLoadComplete',(e,item)=>{ console.log(this.$preview.self) })
谢谢解答

全局 init 方法起冲突

在 mixins 里面取了一个方法名叫 init, 是作为全局注册的, 与百度地图使用时起冲突了, 作者可以换个别致一点的名称么