0.1.26 • Published 6 years ago
vc-popup-img-viewer v0.1.26
vc-popup-img-viewer
模仿微信的图片浏览器~
添加依赖
> yarn add vc-popup-img-viewer || npm i vc-popup-img-viewer || cnpm i vc-popup-img-viewer --by=yarn
引入
import Vue from 'vue'
import VcPopupImgViewer from 'vc-popup-img-viewer'
// 这里名字可以随意
Vue.use(VcPopupImgViewer)
在具体页面中使用
this.imgViewer = new this.$popup.ImgViewer({
...config
propsData: {}
})
this.imgViewer.open(e, {
...config
propsData: {}
})
this.imgViewer.close()
e为事件Event, 比如click时候取得的evt, 与一些定位方法相关 config可参考popup-base/readme.md
propsData配置定义
{
e: Object // 从open(e, {})传进来的e
imgs: { // img标签的数组
type: [Array, HTMLCollection],
required: true
},
loop: { // 是否允许循环滑动
type: Boolean,
default: false
},
gap: { // 图片之间的间隙
type: Number,
default: 16
}
}
效果预览
License
MIT 一起来扣细节~
0.1.26
6 years ago
0.1.25
6 years ago
0.1.24
6 years ago
0.1.23
6 years ago
0.1.22
6 years ago
0.1.21
6 years ago
0.1.20
6 years ago
0.1.19
6 years ago
0.1.18
6 years ago
0.1.17
6 years ago
0.1.16
6 years ago
0.1.15
6 years ago
0.1.14
6 years ago
0.1.13
6 years ago
0.1.12
6 years ago
0.1.11
6 years ago
0.1.10
6 years ago
0.1.9
6 years ago
0.1.8
6 years ago
0.1.6
6 years ago
0.1.5
6 years ago
0.1.4
6 years ago
0.1.3
6 years ago
0.1.2
6 years ago
0.1.1
6 years ago
0.1.0-3
6 years ago
0.1.0-2
6 years ago
0.1.0-0
6 years ago
0.1.0-alpha-2
6 years ago
0.1.0
6 years ago
0.0.13
6 years ago
0.0.8
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.1
6 years ago