読み込みコンポーネントを使用して WeChat アプレットで読み込みアニメーションを表示する方法

この記事では主に、ロード アニメーションを表示するための WeChat アプレット ロード コンポーネントの使用法を紹介し、ロード アニメーションを表示するためのロード コンポーネントの関連イベント操作と属性設定スキルを分析します。また、読者がダウンロードできるソース コードも付属しています。必要な友達は参考にしてください

この記事の例では、WeChat アプレット読み込みコンポーネントを使用して読み込みアニメーションを表示する方法について説明します。ご参考までに、皆さんと共有してください:

キーコード

①index.wxml

<loading hidden="{{loadingHidden}}">
 加载中...
</loading>
<button type="default" bindtap="loadingTap">点击弹出loading</button>

②index.js

Page({
  data: {
    loadingHidden: true
  },
  loadingTap: function(){
    this.setData({
     loadingHidden: false
    });
    var that = this;
    setTimeout(function(){
     that.setData({
       loadingHidden: true
     });
     that.update();
    }, 3000);
  }
})

上記は皆さんのためにまとめたものです。将来。

関連記事:

vueを使用してシームレスなスクロールコンポーネントを実装する方法

knockoutjsにfluxを実装する方法

フロントエンドのユニバーサルデータシミュレーションフレームワークを構築する方法(詳細なチュートリアル)

WeChat アプレット 画像アップロードなどの一連の機能の実装方法

Webpack での自動構築について (詳細なチュートリアル)

JavaScript の null 値と false 値について

JavaScript で発生するバグ

WeChatミニプログラムでページジャンプと値転送を実装する方法

以上が読み込みコンポーネントを使用して WeChat アプレットで読み込みアニメーションを表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。