Komponen pramuat imej yang sesuai untuk program mini WeChat telah digunakan pada retak program mini beli-belah JD. Langkah-langkah penggunaannya adalah seperti berikut:

1. Salin direktori img-loader ke projek anda

2. Tambahkan kod berikut pada fail WXML halaman untuk memperkenalkan templat komponen

<import src="../../img-loader/img-loader.wxml"/>
<template is="img-loader" data="{{ imgLoadList }}"></template>
3. Perkenalkan skrip komponen ke dalam fail JS halaman

const ImgLoader = memerlukan('../../img-loader/img-loader.js')
4. Segerakkan objek ImgLoader dan masukkan ini (objek Halaman semasa Parameter kedua adalah pilihan dan merupakan kaedah panggil balik lalai untuk penyiapan pemuatan imej
).
this.imgLoader = ImgLoader baharu(ini)
5. Panggil kaedah pemuatan contoh ImgLoader untuk memuatkan imej Parameter pertama ialah pautan imej Parameter kedua adalah pilihan dan merupakan kaedah panggil balik apabila imej dimuatkan
this.imgLoader.load(imgUrlOriginal, (err, data) => {
console.log('Pemuatan imej selesai', err, data.src, data.width, data.height)
})
Nota: Parameter pertama kaedah panggil balik apabila pemuatan imej selesai ialah mesej ralat (null jika pemuatan berjaya), dan parameter kedua ialah maklumat imej (Jenis objek, termasuk src, lebar dan ketinggian).