wepy-image v1.0.2

wepy-image

npm i wepy-image --save

import WepyImg from '@meitu/wepy-image';

## img-wrap 为图片外围容器，需自己写
## lazyLoad 默认false，需要时在写
...单个组件使用
<view class="img-wrap">
  <wepy-img :src="imgUrl" mode="aspectFit" @bindload.user="imgOnLoad" @binderror.user="onError" :lazyLoad="true"></wepy-img>
</view>

...列表循环使用组件
<repeat for="{{imgList}}" key="index" item="item">
  <view class="img-wrap">
    <wepy-img :src.sync="item" mode="aspectFill" :currentIndex.sync="index" @bindload.user="imgOnLoad"  @binderror.user="onError" :lazyLoad="true"></wepy-img>
  </view>
</repeat>

....
components = {
    'wepy-img': WepyImg,
}

参数说明

    data = {
      imgUrl: '',//图片的路径
      imgMode:'',//默认aspectFill

    }

  methods = {
    // 图片加载成功回调对应原来image的bindload
    imgOnLoad(currentIndex){
      // 单个使用时并加载成功返回0,列表循环使用时返回对应成功加载的index
    },
    // 图片加载失败回调对应原来image的binderror
    onError(currentIndex){
      // 单个使用时加载失败返回0,列表循环使用时返回对应加载失败的index
    }
  }

gitlab

gitlab