- 資源介紹
【Yunyiwl.com-編程開發教程】收集全網優質教程及源碼資源!
全網優質軟件開發、平面設計等教程及精品源碼資源一站可得,www.yunyiwl.com!
微信小程序的圖片預加載組件
適用於微信小程序的圖片預加載組件,已應用於京東購物小程序版。使用步驟如下:
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)。
上一頁:
下一頁:【Yunyiwl.com】—網站源碼下載—微信小程序的圖片預加載組件
微信小程序模仿QQ6側滑菜單
2. 分享目的僅供大家學習和交流,您必須在下載後24小時內刪除!
3. 不得使用於非法商業用途,不得違反國家法律。否則後果自負!
4. 本站提供的源碼、模板、插件等等其他資源,都不包含技術服務請大家諒解!
5. 如有鏈接無法下載、失效或廣告,請聯繫管理員處理!
6. 本站資源售價只是贊助,收取費用僅維持本站的日常運營所需!
耘藝源碼網 » 微信小程序的圖片預加載組件_php網站模板