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名称 |
