ホームページ 公式サイト ミニプログラムのソースコード WeChat アプレットによって提供される showToast 関数をモデルにしています

WeChat アプレットによって提供される showToast 関数をモデルにしています

WeTaost プラグインのソース コードは src ディレクトリにあり、3 つのファイルが含まれています。
wetoast.js: スクリプト コード
wetoast.wxml: テンプレート構造
wetoast.wxss: スタイル
使用する場合は上記3つのファイルを追加するだけですので、使用方法はこちらのプロジェクトデモを参照してください。

推奨される解決策

Step1. プロジェクトのapp.jsにwetoast.jsを導入し、ミニプログラムに登録します。再導入することなくミニプログラムの全ページを
利用できます。
let {WeToast} = require('src/wetoast.js') // コンストラクターを返します。変数名はカスタマイズ可能です
アプリ({
WeToast // 後から app.WeToast を通じてアクセスできます
})
Step2. プロジェクトのapp.wxssにwetoast.wxssを導入

@import "src/wetoast.wxss";
ステップ 3. WeToast テンプレート構造を導入します。

方法1、別ページで使用
する。
<!-- ファイルindex.wxml内 -->
<インポート src="../../src/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>
方法 2、パブリック インクルード ファイルを作成し、すべてのパブリック テンプレートをまとめます

<!-- ファイル footer.wxml 内 -->
<インポート src="src/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>
<!-- その他の xxoo テンプレート -->
<テンプレート is="wexxoo" data="{{...wexxoo}}"/>
その後 include で導入
します。
<!-- ページファイルの一番下、index.wxml -->
<src="footer.wxml"/を含める>
免責事項

このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn

関連記事

encode/gob パッケージによって提供される関数を使用して、Gob ファイルをエンコードおよびデコードします。 encode/gob パッケージによって提供される関数を使用して、Gob ファイルをエンコードおよびデコードします。

26 Jul 2023

コード化とデコードは、コンピュータの分野でよく遭遇する問題です。 Go 言語では、encoding/gob パッケージによって提供される関数を使用して、Gob ファイルをエンコードおよびデコードできます。 Gob は、速度とスペース効率を高めるためにエンコードとデコードを最適化する、Go 言語のバイナリ データ エンコード形式です。エンコードとデコードの間の変換プロセスでは、データ構造がバイナリ形式に変換され、再

エンコーディング/base64 パッケージによって提供される関数を使用した Base64 エンコードとデコード エンコーディング/base64 パッケージによって提供される関数を使用した Base64 エンコードとデコード

26 Jul 2023

Base64 エンコードおよびデコードには、encoding/base64 パッケージが提供する関数を使用します。Base64 は、任意のバイナリ データを印刷可能な文字に変換するエンコード方式です。ネットワーク伝送でバイナリ データを送信したり、バイナリ データを読み取り可能なテキストとして保存したりするためによく使用されます。 Go 言語では、encoding/base64 パッケージによって提供される関数を使用して、Base64 エンコードおよびデコード操作を実行できます。以下では、コード例を使用して、このパッケージをエンコードおよびデコードに使用する方法を示します。初め、

エンコーディング/xml パッケージによって提供される関数を使用して、XML をエンコードおよびデコードし、インデント形式を設定します。 エンコーディング/xml パッケージによって提供される関数を使用して、XML をエンコードおよびデコードし、インデント形式を設定します。

25 Jul 2023

XML をエンコードおよびデコードし、インデント形式を設定するには、encoding/xml パッケージを使用します。Go 言語では、encoding/xml パッケージは、XML をエンコードおよびデコードするための一連の関数を提供します。これらの関数は、Go 言語の構造データを XML 形式のデータに変換するのに役立ち、XML 形式のデータを Go 言語の構造データに変換することもできます。同時に、インデント形式を設定することで、生成された XML を読みやすくすることもできます。 XML のエンコードとデコードを行う前に、

Vue はバックエンドによって提供されるインターフェイスをどのように使用しますか? Vue はバックエンドによって提供されるインターフェイスをどのように使用しますか?

06 Apr 2024

Vue でバックエンド インターフェイスを使用するには、次の手順を実行します。 Axios ライブラリをインストールしてインポートします。 axios オブジェクトを使用して、get や post などの HTTP リクエストを作成します。データを渡すには data オプションを使用します。応答を処理するには、data 属性を使用して、バックエンドから返されたデータにアクセスします。 Vuex を使用して、バックエンドからフェッチされ、コンポーネントを通じてアクセスされるデータを管理します。

?数値は動的に取得され、値によって渡されます。ガイダンスを提供してください。ありがとう ?数値は動的に取得され、値によって渡されます。ガイダンスを提供してください。ありがとう

13 Jun 2016

?数値は動的に取得され、値によって渡されます。ガイダンスを提供してください。ありがとうございます。ページ上に変更したデータがいくつかあります。詳細は次のとおりです。値を含むテキスト ボックスがあります。の: 123。これを取得するときに次のページをクリックしたいのですが、ハイパーリンクの href は次のとおりです。 ep=123 ここで質問が来ます。このテキスト ボックスの値を取得するにはどうすればよいでしょうか? テキストを入れると

JSP の JSTL によって提供される関数ラベル EL 式を使用して文字列を操作するメソッド JSP の JSTL によって提供される関数ラベル EL 式を使用して文字列を操作するメソッド

26 Sep 2017

まず、JSP ページにタグ分類をインポートします。 (1) 文字列の大文字と小文字を変換します: toLowerCase("String to be intercepted")----小文字に変換します----例: ${fn:toLowerCase("Hello,Word ! ")} toUpperCase("String to be intercepted")----大文字に変換----例: ${fn:toUpperCase("Hello,Word!")}(2) インターセプト文字列: subs

Tp フレームワークによってカプセル化されたすべての関数のドキュメントを持っている人に質問したいと思います。 Tp フレームワークによってカプセル化されたすべての関数のドキュメントを持っている人に質問したいと思います。

13 Jun 2016

誰かが Tp フレームワークによってカプセル化されているすべての関数のドキュメントを提供していただけますか? Tp フレームワークによってカプセル化されているすべての関数名のドキュメントを提供していただけますか? ------解決策 ------- --- ----------ThinkPHP 完全開発マニュアルThinkPHP3.2 完全開発マニュアル-----解決策---------引用:ThinkPHP 完全開発マニュアルThinkPHP3.2 完全開発マニュアル モデレーター

PHP セキュリティ フィルター コード (高いセキュリティ係数を備えた 360 によって提供されます) PHP セキュリティ フィルター コード (高いセキュリティ係数を備えた 360 によって提供されます)

25 Jul 2016

PHP セキュリティ フィルター コード (高いセキュリティ係数を備えた 360 によって提供されます)

jquery を上手に使用して、Div_jquery によってブロックされているドロップダウン メニューに関連する問題を解決します。 jquery を上手に使用して、Div_jquery によってブロックされているドロップダウン メニューに関連する問題を解決します。

16 May 2016

この記事では主に、JQuery を使用して Div によってドロップダウン メニューがブロックされる問題を解決する方法を紹介します。必要な友達が来たら、ぜひ参考にしてください。

See all articles See all articles

Hot Tools

WeChat ミニプログラムのデモ: 模倣モール

WeChat ミニプログラムのデモ: 模倣モール

WeChat ミニ プログラム デモ: モールを模倣しており、簡単に始めることができ、モールのいくつかの基本機能をうまく紹介しています。

要点: アンカーのような機能を実装する

要点: アンカーのような機能を実装する

誰もが必要とする同様のアンカー機能に加え、一部のテイクアウトアプリの典型的な注文機能も実装されています。

WeChat ミニプログラムのデモ: Lezhu

WeChat ミニプログラムのデモ: Lezhu

WeChat ミニ プログラムのデモ: Lezhu: 位置ベースの便利なアプリケーションに似ており、Zhang Xiaolong のミニ プログラムの精神にいくらか似ています。

WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます

WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます

WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます

WeChat アプレットのデモ: カルーセル画像の変換

WeChat アプレットのデモ: カルーセル画像の変換

カルーセル チャートのスタイル変更、小さなプログラムで実装されたシンプルなカルーセル チャート、簡単に作成