vue-imgs v0.2.1

vue-imgs

vue图片组件

在线演示

安装

npm

npm i vue-imgs --save

yarn

yarn add vue-imgs

或者直接引入

<script src="../dist/vue-imgs.js"></script>

使用

• AspectImage组件
• ImgPreview组件

AspectImage

图片组件

注册组件

import {AspectImage} from 'vue-imgs'
export default {
  components: {
      AspectImage
  }
}

属性

ImgPreview

图片预览组件

注册组件

import {ImgPreview} from 'vue-imgs'
export default {
  components: {
      ImgPreview
  }
}

属性

TODO

• 图片懒加载
• 占位图
• webP格式
• 缩放模式aspectFit：保持比例显示全部内容
• 缩放模式widthFix：宽度不变，高度自动变化，保持原图宽高比不变
• 缩放模式auto：按照图片原大小显示