【Github】项目名：img-vuer：一个移动端优先的Vue3图片预览插件
项目简介
img-vuer是一个用于Vue3的移动端优先的图片预览插件。它易于使用，支持滑动手势、缩放手势等功能。在安卓设备上，当按下物理返回按钮时，缩略图-图库会隐藏，修复了使用scale()后模糊的问题，并且兼容PC端，现在可以在移动和PC浏览器上使用。
安装与使用
安装方面，可使用命令npmiimg-vuer3–save。在使用时，需要导入img-vuer并安装，例如：import gallery from ‘img-vuer3’，import ‘img-vuer3/dist/style.css’，app.use(gallery,{swipeThreshold:150,//default100isIndexShow:true,//showimageindex,defaulttrueuseCloseButton:true,//triggergalleryclosewithclosebutton,defaulttruepreload:true,//preloadimagesinthesamegroup,defaulttruesliderBackgroundColor:’rgba(0,0,0,0.6)’,sliderZIndex:1001,})。在HTML中使用如：<imgv-gallery:src=”…”/>来直接指向单张图片，也可以使用groupName来对图片进行分组展示，还可以使用新特性如使用缩略图、触发关闭图库等操作。
API
提供了多种API，如close()可关闭查看器；onIndexChange(cb)可在索引改变时进行回调；onToggle(cb)可在关闭或打开时回调；changeBGColor(color)可改变查看器的背景颜色；next()切换到下一张图片；prev()切换到上一张图片；getCurrentIndex()获取当前索引。
项目总结
img-vuer为Vue3项目中的图片预览提供了便捷的解决方案，无论是在移动端还是PC端都有较好的表现，功能丰富且使用相对简单。如果你对这个项目有任何想法或者建议，欢迎在下方留言参与讨论。
项目地址
数据统计
数据评估
本站链氪巴士提供的img-vuer：一个移动端优先的Vue3图片预览插件都来源于网络，不保证外部链接的准确性和完整性，同时，对于该外部链接的指向，不由链氪巴士实际控制，在2024年12月6日 上午12:00收录时，该网页上的内容，都属于合规合法，后期网页的内容如出现违规，可以直接联系网站管理员进行删除，链氪巴士不承担任何责任。
相关导航
xusenlin/vue - element - ui - admin是一个基于Vue3(ScriptSetup)+TS+Vite+ElementPlus+Pinia+VueRouter+Axios的后台模板。它做了目录结构的整理和常用方法的封装，具有开箱即用的特点。在这个项目中，Axios处理方便，适用于json、formData、文件上传操作，分页采用vue3的单文件ScriptSetup封装能快速接入业务。使用极轻的Pinia，有不同功能的stores。Router系统的路由功能丰富，支持菜单相关的多种配置，打包环境也支持多种情况。整个项目追求极简实用，是一个不错的后台模板项目。
