custom-image v1.0.4

hello-vue

custom-image 组件

Guide

npm install -S custom-image

注意：依赖于element-ui，vue2

功能用于展示图片,全屏放大图片

使用方式

import CustomImage from 'custom-image'
Vue.use(CustomImage)

<CustomImage 
    ref="ImgDemo"
    src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" 
    :preview-src-list="['https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg']"
/>

Options

• clickable： Boolean，可否点击，默认不可点击
• src：String，图片url
• preview-src-list：String[]，放大预览图片URL，与clickable配合使用可直接点击预览图片

实例 method

• fullSreen: Function，可通过组件实例手动调用，放大图片

其余使用方法类似element-ui中el-image组件