最新公告
  • 本站源碼資源類型廣泛,涵蓋PHP網站源碼、遊戲源碼、主題模板、擴張插件等一系列優質資源分享以供學習研究。歡迎加入VIP
  • 【Yunyiwl.com-編程開發教程】收集全網優質教程及源碼資源!

    全網優質軟件開發、平面設計等教程及精品源碼資源一站可得,www.yunyiwl.com!

    微信小程序的圖片預加載組件_php網站模板插圖 微信小程序的圖片預加載組件

    適用於微信小程序的圖片預加載組件,已應用於京東購物小程序版。使用步驟如下:

    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側滑菜單



    內容加載中..
    1. 本站所有資源來源於用戶上傳和網絡,如有侵權請郵件聯繫站長!
    2. 分享目的僅供大家學習和交流,您必須在下載後24小時內刪除!
    3. 不得使用於非法商業用途,不得違反國家法律。否則後果自負!
    4. 本站提供的源碼、模板、插件等等其他資源,都不包含技術服務請大家諒解!
    5. 如有鏈接無法下載、失效或廣告,請聯繫管理員處理!
    6. 本站資源售價只是贊助,收取費用僅維持本站的日常運營所需!

    耘藝源碼網 » 微信小程序的圖片預加載組件_php網站模板