viewer 照片查看器

viewer 照片查看器

效果：

api：

https://github.com/fengyuanchen/viewerjs#methods

npm：

npm install viewerjs

使用：

1.引入：

import Viewer from 'viewerjs'
import 'viewerjs/dist/viewer.css'

2.将图片包含在一个div内

<viewer :inline="true" :images="tupianArr1">
<div id="image">
     <img src="item" v-for="(item, i) in tupianArr1" :key="i"> </div>
</viewer>

3.tupianArr1是一个数组，里面保存了每张图片的路径

tupianArr1:[
 "/1.jpg",   
 "/2.jpg",   
 "/3.jpg"   
]

 

 

 

钻研不易，转载请注明出处。。。。。。