WeChat アプレットでの画像プリロード コンポーネント wxapp-img-loader の使用の概要

不言
リリース: 2018-10-18 15:22:32
転載
5765 人が閲覧しました

この記事では、WeChat アプレットでの画像プリロード コンポーネント wxapp-img-loader の使用方法について説明します。必要な方は参考にしていただければ幸いです。ヘルプ。

WeChat アプレットは画像のような JS オブジェクトを提供しないため、wxapp-img-loader カスタム コンポーネントで画像のプリロードを WeChat アプレット関数に実装できます。

使用

1. wxapp-img-loader プロジェクトのソース コード (https://github.com/o2team/wxa...) をダウンロードして転送します。 img- ローダー ディレクトリをプロジェクトにコピーします。

2. 次のコードをページの WXML ファイルに追加し、コンポーネント テンプレートを導入します。

<import></import>
<template></template>
ログイン後にコピー

3 コンポーネント スクリプトを JS ファイルに導入します。ページの

const ImgLoader = require('../../img-loader/img-loader.js')
ログイン後にコピー

4. ImgLoader オブジェクトをインスタンス化し、これ (現在の Page オブジェクト) を渡します。これは、デフォルトの画像読み込み完了のコールバック メソッドです。 5. ImgLoader を呼び出す インスタンスのロード メソッドはイメージをロードします。最初のパラメータはイメージ リンクで、2 番目のパラメータはオプションで、イメージがロードされるときのコールバック メソッドです。画像の読み込みが完了したときのコールバック メソッドの最初のパラメータはエラー メッセージ (読み込みが成功した場合は null) で、2 番目のパラメータは画像情報 (src、幅、高さを含むオブジェクト タイプ) です。

this.imgLoader = new ImgLoader(this)
ログイン後にコピー

wxapp-img-loader コンポーネントは、単一の画像または複数の画像をロードできます。

実行結果:


WeChat アプレットでの画像プリロード コンポーネント wxapp-img-loader の使用の概要

WeChat アプレットでの画像プリロード コンポーネント wxapp-img-loader の使用の概要

その他

wxapp-img-loaderプロジェクトアドレス: https://github.com/o2team/wxa...

以上がWeChat アプレットでの画像プリロード コンポーネント wxapp-img-loader の使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:segmentfault.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート