1.0.2 • Published 4 years ago

image-preview-full v1.0.2

Weekly downloads
12
License
-
Repository
-
Last release
4 years ago

image-preview-full组件

使用方式

1.安装

npm install image-preview-full --save

2.在vue项目中注册

import ImagePreview from 'image-preview-full'
import 'image-preview-full/lib/image-preview-full.css'
Vue.use(ImagePreview)

3.组件中使用

 <ImagePreview :path="defaultImagePath" :isVisible.sync="visible"></ImagePreview>
export default {
  data: () => ({
    // 数组方式
    defaultImagePath: ['url1', 'url2'],
    // 单个图片
    // defaultImagePath: 'url',
    // 是否显示 true为是,false为否
    visible: false
  })
}

当前的props

参数名称参数类型是否必传示例
path字符数组,字符串'url1', 'url2', 'url'
isVisible布尔值(真假)true / false
zIndexInteger/number2000

更新日志

  • 2/7: 修复切换箭头的异常BUG
  • 2/7: 文档书写错误