v-image-preview

vue图片预览插件

效果

使用方法：

1. 安装包

npm install --save v-image-preview 

2. 引入并使用：

1import VImagePreview from 'v-image-preview';
2Vue.use(VImagePreview, {
3  maskBackground: 'rgba(0, 0, 0, 0.65)', // 遮罩背景，rgba模式，默认`rgba(18, 18, 18, 0.65)`
4  animaDuration: 300, // 动画持续时间，默认300，单位ms
5  imgMaxWidth: 400, // 放大时图片最大宽度，单位px；设置为0，即不限制；默认0
6  maxWaitTime: 1000, // 之前用的懒加载，请求真实图片最大等待时间，超时后将读取小图片，默认1000，单位ms
7});

3. 在img标签上使用v-preview指令

1<img 
2  v-preview 
3  src="https://mock.jpg"
4/>

更新日志

v0.0.7

• webpack打包，压缩文件、并解决低版本不适配问题