使用方式

已在全局引入，不用在页面引入

在 template 中使用组件

  1. <view v-for="(item, index) in 5" :key="index">
  2.     <q-image :isRatio="true"  threshold="-50"   :src="item.cover_image" :index="index"></q-image>
  3. </view>
属性名 类型 默认值 说明
lazyLoad Boolean true 是否开启懒加载
src String ‘’ 图片路径
threshold Number, String 100 // 图片进入可见区域前多少像素时，单位rpx，开始加载图片
// 负数为图片超出屏幕底部多少距离后触发懒加载，正数为图片顶部距离屏幕底部多少距离时触发(图片还没出现在屏幕上)
imgwh Number, Array [100, 100] 如果传是一个Number，则说明宽高等于这个number, 如里传的是一个数组则数组内第一个数是图片宽度，第二个数是图片高度
isRatio Boolean false //如果设为ture则按宽高算出来的比例，图片的实际大小，父元素宽决定