import ImageViewer from 'vue2-viewer' // 图片查看器
Vue.use(ImageViewer)
<vue-viewer
multiple
:thumb="item.hold_img"
list-ul-class="image-list"
:full="item.hold_img">
</vue-viewer>
/deep/.image-list{
margin: 0; padding: 0;
display: flex;
}
/deep/.image-list li {
display: inline-block;
margin: 0 2px;
list-style: none;
position: relative;
}
/deep/.image-list li img {
width: 68px;
height: 68px;
box-shadow: 0 0 5px #333;
}
图片查看器vue2-viewer
最新推荐文章于 2023-12-05 17:59:39 发布