当前位置: 首页 > Web前端 > HTML5

vue是一款基于viewer的图片查看器

时间:2023-04-05 19:04:20 HTML5

vue2-viewervue2-viewer是一个强大的图片浏览插件,可以实现图片放大预览、旋转图片、任意比例放大缩小等功能。vue2-viewer是viewer.js的一个版本,vue的实现、效果和风格完全移植自viewer.js。关于viewer.js,可以参考链接[http://fengyuanchen.github.io...]插件中的所有效果都使用了很多css3的新特性来替代viewer。js中的动画,所以vue2-viewer的主要实际场景是在现代浏览器中。使用文档安装npminstall--savevue2-viewer在main.js中引入,使用插件importImageViewerfrom'vue2-viewer';Vue.use(ImageViewer);插件会全局注册vue-viewer组件,使用组件vue2??-viewer提供两种使用模式,单图模式和多图列表模式。单图模式props参数描述类型必须为thumb要显示的小图链接stringtruefull点击放大图链接stringtrue示例:效果展示:多链接所需参数数组类型描述图片模式列表点击放大默认小图列表链接数组arraytruelist-ul-class。外层ul的自定义类用于自定义列表的样式,包括ul内部slot内容的样式。该方法自定义字符串falseScopedSlotname说明~列表中除默认图片外的每个元素示例:×效果展示: