0.0.3 • Published 7 years ago
@douxc/vue-image v0.0.3
vue-image
Center display picture in equal proportions
兼容性
理论上支持flex属性的浏览器都支持
安装
npm install @douxc/vue-image
或者
yarn add @douxc/vue-image
使用
import Vue from 'vue';
import VueImage from '@douxc/vue-image';
Vue.component('vueImage',VueImage);
...
<template>
<vueImage :src='src'></vueImage>
</template>
props
props | required | default | description |
---|---|---|---|
src | true | 图片地址 | |
maxWidth | false | 320px | 图片最大宽度、高度 |
inline | false | false | 是否显示为行内元素 "display:inline-block" |
clickable | false | false | 是否可以点击查看大图 |
compress | false | true(!compress) | 是否请求压缩之后的图片(即在请求的地址后添加处理规则) |
pdfStyle | false | vue-image-pdf | 如果地址是pdf文件时添加的class名称 |