vue移动端图片预览组件

更新说明：1.02版本采用show属性值控制组件的显示与隐藏，不再使用v-if！！

安装：npm install -s w-previewimg 或 yarn add w-previewimg

在线预览地址： https://wenyuming.github.io/w-demos/dist/index.html#/previewimgDemo

预览时请按f12，在移动端模式下预览

由于预览网址带宽比较低，加载图片会比较慢，等图片都加载完才能完整体验，耐心等一下哦。

操作说明：左滑右滑切换图片，单击预览图片关闭预览，此插件只使用于移动端。

效果图：

html部分：

js部分：

 

属性说明 

属性名	数据类型	描述
imgs	Array	预览图片路径数组，必填，如：[url,url,url]，请遵循格式要求
currentImg	String	当前预览图片路径，必填
show	Boolean	在父组件给一个布尔变量控制组件的显示与隐藏，必填

事件说明

事件	参数	描述
close	无	单击预览图片触发，结合父组件的某个变量，控制预览插件的隐藏与显示

      希望这个组件能给大家带来帮助，另外使用过程中有遇到问题的话，可以留言反馈，或者直接微信qq联系我！