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的详细内容...