好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

wxapp-img-loader

wxapp-img-loader 介绍

这是 一个 适用于 微信小程序 的原生 图片 预加载 组件,已应用于京东购物等多个 小程序 中。使用步骤如下:

1、将 img-loader 目录拷贝到你的项目中

2、在 页面 的 WXML 文件 中 添加 以下 代码 ,将组件模板引入

<import src="img-loader/img-loader.wxml"/>

<template is="img-loader" data="{{ imgLoadList }}"></template>

3、在 页面 的 js 文件 中引入组件脚本

const ImgLoader = require('img-loader/img-loader.js')

4、实例化 一个 ImgLoader 对象,将 this(当前 Page 对象) 传入,第二个参数可选,为 默 认的 图片 加载完成的回调 方法

this.imgLoader = new ImgLoader(this)

5、 调用 ImgLoader 实例的 load 方法 进行 图片 加载,第 一个 参数为 图片链接 ,第二个参数可选,为该张 图片 加载完成时的回调 方法

this.imgLoader.load( imgur lOriginal,(err,data) => {

console.log(' 图片 加载完成',err,data.src,data.width,data.height)

})

注: 图片 加载完成的回调 方法 的第 一个 参数为 错误 信息(加载成功则为 null),第二个参数为 图片 信息(Object 类型, 包括 src、width 及 height)。

GitHub: https://github.com/o2team/wxapp-img-loader

网站描述: 适用于 微信小程序 的 图片 预加载 组件

wxapp-img-loader官方网站

官方网站:

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于wxapp-img-loader的详细内容...

  阅读:39次

上一篇

下一篇

第1节:PhoneGap    第2节:WXPage    第3节:Remax    第4节:Mobiscroll    第5节:mobilebone.js    第6节:WeZRender    第7节:weex    第8节:image-cropper    第9节:mobile-calendar    第10节:amazeui    第11节:weui    第12节:wxapp-market    第13节:material-kit    第14节:AUI Mobile    第15节:touchui    第16节:alita    第17节:vum    第18节:FrozenUI    第19节:Touch WX    第20节:Flutter    第21节:nutui    第22节:Onsen UI    第23节:Tina.js    第24节:fastclick    第25节:golden-layout    第26节:Weex Ui    第27节:cordova    第28节:wxParse    第29节:antmove    第30节:GMU    第31节:react-use-gesture    第32节:labrador    第33节:wux-weapp    第34节:vux    第35节:noUiSlider    第36节:wechat-im    第37节:jquery-weui    第38节:vant    第39节:pulltorefresh.js    第40节:slip.js    第41节:react-native-sideswipe    第42节:BeautyWe.js    第43节:lottie-web    第44节:react-native-elements    第45节:cube-ui    第46节:lin-ui    第47节:wxSearch    第48节:DHTMLX    第49节:bttn.css    第50节:微信小程序    第51节:westore    第52节:framework7    第53节:uni-app    第54节:vue2-elm    第55节:vue-ydui    第56节:bindingx    第57节:Jingle UI    第58节:weui-wxss    第59节:WeexBox 2.0    第60节:vant-weapp    第61节:NativeScript    第62节:快应用    第63节:weui+    第64节:Taro    第65节:NativeBase    第66节:graceUI    第67节:mavonEditor    第68节:Ratchet    第69节:AKjs.Mobile    第70节:mobile-angular-ui    第71节:React Belle    第72节:Hermes    第73节:ColorUI    第74节:Atom-Design    第75节:ionic    第76节:wxapp-img-loader    第77节:React Native    第78节:jquery Mobile    第79节:vueg    第80节:mand-mobile    第81节:wemark    第82节:vasern    第83节:mint-ui    第84节:uni-simple-router    第85节:switchery    第86节:mobi.css    第87节:Mand Mobile    第88节:react-virtualized    第89节:iview-weapp    第90节:eros    第91节:minui    第92节:react-native-ui-lib