vue-easy-imagepreview v0.1.2

vue-easy-imagepreview

手机端图片预览 vue 组件

功能：

• 图片方大缩小
• 循环滑动

安装

npm install -S vue-easy-imagepreview

使用

函数形式

import ImagePreview from 'vue-easy-imagepreview'

//ImagePreview.show(options | [])

ImagePreview.show([
  'https://img01.yzcdn.cn/vant/apple-1.jpg',
  'https://img01.yzcdn.cn/vant/apple-2.jpg'
])
或者
ImagePreview.show({
  images: [
    'https://img01.yzcdn.cn/vant/apple-1.jpg',
    'https://img01.yzcdn.cn/vant/apple-2.jpg'
  ]
})

组件形式

//在vue组件中使用

import ImagePreview from 'vue-easy-imagepreview'

<image-preview :images="images"></image-preview>

Vue 插件形式

import ImagePreview from 'vue-easy-imagepreview'

Vue.use(ImagePreview)

//组件中使用
this.$preview(options | [])

Options

slot

Event