E企盈营销工具技术服务商 热线:4006-838-530

小程序中图片预加载

E企盈直播平台营销卖货系统

首先打开https://github.com/o2team/wxapp-img-loader1、将 img-loader 目录拷贝到你的项目中 ,我拷贝在utils目录下,一下引入路径根据你存放img-loader目录的路径做适当变换2、在页面的 WXML 文件中添加以下代码,将组件模板引入import src=”../../utils/img-loader/img-loader.wxml”/   template is=”img-loader” data=”{{ imgLoadList }}”/templateviewimage src=”{{imgUrl}}” class=’img’ bindlongtap=”saveImage” is=”img-loader”/image/view3、在页面的 JS 文件中引入组件脚本const ImgLoader = require(‘../../utils/img-loader/img-loader.js’);//以加载一张图片为例onLoad() { //初始化图片预加载组件    this.imgLoader = new ImgLoader(this)    this.imgLoader.load(imgUrl, (err, data) = {        console.log(‘图片加载完成’, err, data.src, data.width, data.height)})}

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序中图片预加载
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏