namewjp / vue3-photo-preview Goto Github PK
View Code? Open in Web Editor NEWvue3 的图片预览插件
vue3 的图片预览插件
如题
场景:
页面上有有很多预览图上,滚动到某处,点开大图查看,关闭后,滚动条会回到顶部,希望能修复下
Привет, крутая галерея! У меня карточки товаров и когда я выполняю сортировку карточек, то при открытии изображения у карточек я вижу там другие изображения с других карточек, они случайным образом туда подмешиваются. Если все карточки поменять местами то у карточки будет ее изображение и изображение той карточки которая до этого была на ее месте. Как можно обновлять компонент галереи при смене позиции?
可以在图片预览界面增加图片下载按钮吗
当前的版本在打开预览的时候会请求整个图片 url 列表,在图片多的时候会有很多流量浪费,希望能提供预览图片的时候再加载。
没很仔细的去看源码, 只想简单使用一下
这个样式写死了 w: 0
, 是否可以抽离出一个 props
, 让用户传递?
(也有可能是我操作问题?搞了一个上午图片modal里图片一直不显示, 将 w
设置一个值之后就好了)
.PhotoView__PhotoWrap .PhotoView__PhotoBox {
width: 0;
height: 0;
display: flex;
justify-content: center;
align-items: center;
}
点击图片区域,photo-closable不生效,不会关闭图片
能否加个长图判断,如果是长图是话,长图按宽度铺满,高度按图片高度,初始定位于图片顶部,可支持向下滑动呢
我这里是在预览图片的时候,需要在图片上面做标记,就是鼠标点击的时候,需要获取到鼠标点击位置在图片上面的坐标,但是点击图片的回调里面没有任何参数
安卓手机上没有问题
需求描述
希望手动开启预览 , 展示前图片地址需要异步请求
<photo-provider :default-backdrop-opacity="0.5" loop>
<photo-consumer class="img-list-li" v-for="src in imgList" :key="src" :src="src">
<img v-lazy="src" class="img-list-item">
</photo-consumer>
</photo-provider>
如标题,希望能像下面这样,配置哪些按钮显示与关闭
app.use(vue3PhotoPreview,config )
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.