wxapp-img-loader

编程之家收集整理的这个编程导航主要介绍了wxapp-img-loader编程之家,现在分享给大家,也给大家做个参考。

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(imgUrlOriginal,(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官方网站

官方网站:

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

相关文章

WXPage,一个极其轻量的微信小程序开发框架
PhoneGap,一个采用HTML,CSS和JavaScript的技术,创建移动跨...
Mobiscroll,渐进式Web和混合应用程序的跨平台UI控件
Remax,全新的小程序开发体验
mobilebone.js,单页切换骨架
WeZRender,微信小程序Canvas开发