ホームページ 公式サイト ミニプログラムのソースコード 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

関連記事

Java の標準数学ライブラリには、数値を単語表現に変換する関数が提供されていますか? Java の標準数学ライブラリには、数値を単語表現に変換する関数が提供されていますか?

30 Dec 2024

javaBackground で数値を単語に変換する方法現在、静的配列を使用して数値を単語に変換する基本的なメカニズムが用意されています。

.NET には、あるリストに別のリストのすべての項目が含まれているかどうかを確認する組み込み関数が提供されていますか? .NET には、あるリストに別のリストのすべての項目が含まれているかどうかを確認する組み込み関数が提供されていますか?

30 Dec 2024

.NET には、リスト a にリスト b のすべての項目が含まれているかどうかを確認する組み込み関数がありますか?この質問の目的は、.NET が提供するかどうかを確認することです。

SourceCodeDocs Web サイトが開設されました SourceCodeDocs Web サイトが開設されました

11 Jan 2025

主にフレームワークのソースコードを解説するフロントエンドWebサイトを開発しました。現在、Vite のホット モジュールの交換について書きましたが、今後さらに更新される予定です。 ソースコードドキュメント github: vue-source-docs

Django プロジェクトの実稼働デプロイメント用の SECRET_KEY の生成 Django プロジェクトの実稼働デプロイメント用の SECRET_KEY の生成

31 Dec 2024

Django SECRET_KEY は暗号署名を提供するために必要です (ドキュメント)。この値は /settings.py ファイルに保存されます。新規プロジェクトを開始すると、組み込み関数(ソースコード)から生成されます。実稼働デプロイメントの場合 SECRET_K

Docker を使用してわずか数分で最初の Java アプリを構築してデプロイする Docker を使用してわずか数分で最初の Java アプリを構築してデプロイする

14 Jan 2025

テキストを返し、Docker コンテナーを使用してローカル環境のポート 1800 で使用できる単純な Java アプリを 5 分で作成してみましょう (インターネット接続速度によって異なります)。 私のパブリックリポジトからいつでも完全なソースコードを取得できます

AWS SAM と Go を使用した API の構築 AWS SAM と Go を使用した API の構築

20 Jan 2025

AWS SAM は、Infrastructure as Code (IAC) 経由で Web アプリケーションをデプロイする優れた方法です。最近、仕事のプロジェクトでそれを使おうとしたところ、厳しい現実に遭遇しました... GoはAWSの醜いアヒルの子ですか? AWS SAM ドキュメントの Go に特化したセクションは非常に短く曖昧であり、ソースコードが大量に重複していることが示唆されます。すべてのラムダ関数には go.mod、go.sum、およびユーティリティ関数があります?! 私と同じように混乱しているあなたのためにこの記事を書きます?‍?。この問題を一緒に解決しましょう! これは 2 部構成のシリーズになります。 ファイル構造(この記事) SAM 構成 Go ランタイムコンテキスト 現在、ラムダの Go ランタイムは

リストされているすべてのテストに合格した車を見つけるにはどうすればよいですか? リストされているすべてのテストに合格した車を見つけるにはどうすればよいですか?

14 Jan 2025

すべてのテストに合格した自動車をリストから検索する目下のタスクには、すべてのテストに合格した自動車を「自動車」テーブルから特定することが含まれます。

System.Text.Json で列挙値のカスタム名を指定する方法 System.Text.Json で列挙値のカスタム名を指定する方法

14 Jan 2025

System.Text.Json:列挙値のカスタム名を指定するにはどうすればよいですか?この機能は、.NET Core 3.0、.NET 5、.NET ではそのままでは使用できません。

後続の SELECT 式で列のエイリアスを使用できないのはなぜですか?また、それを修正するにはどうすればよいですか? 後続の SELECT 式で列のエイリアスを使用できないのはなぜですか?また、それを修正するにはどうすればよいですか?

14 Jan 2025

列のエイリアスと SELECT 式 SQL では、列のエイリアスを使用して結果列に一時的な名前を提供し、結果列を参照できるようにします。

See all articles See all articles

Hot Tools

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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