WeChat アプレットによって提供される showToast 関数をモデルにしています
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
関連記事
30 Dec 2024
javaBackground で数値を単語に変換する方法現在、静的配列を使用して数値を単語に変換する基本的なメカニズムが用意されています。
30 Dec 2024
.NET には、リスト a にリスト b のすべての項目が含まれているかどうかを確認する組み込み関数がありますか?この質問の目的は、.NET が提供するかどうかを確認することです。
11 Jan 2025
主にフレームワークのソースコードを解説するフロントエンドWebサイトを開発しました。現在、Vite のホット モジュールの交換について書きましたが、今後さらに更新される予定です。 ソースコードドキュメント github: vue-source-docs
31 Dec 2024
Django SECRET_KEY は暗号署名を提供するために必要です (ドキュメント)。この値は /settings.py ファイルに保存されます。新規プロジェクトを開始すると、組み込み関数(ソースコード)から生成されます。実稼働デプロイメントの場合 SECRET_K
14 Jan 2025
テキストを返し、Docker コンテナーを使用してローカル環境のポート 1800 で使用できる単純な Java アプリを 5 分で作成してみましょう (インターネット接続速度によって異なります)。 私のパブリックリポジトからいつでも完全なソースコードを取得できます
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
すべてのテストに合格した自動車をリストから検索する目下のタスクには、すべてのテストに合格した自動車を「自動車」テーブルから特定することが含まれます。
14 Jan 2025
System.Text.Json:列挙値のカスタム名を指定するにはどうすればよいですか?この機能は、.NET Core 3.0、.NET 5、.NET ではそのままでは使用できません。
14 Jan 2025
列のエイリアスと SELECT 式 SQL では、列のエイリアスを使用して結果列に一時的な名前を提供し、結果列を参照できるようにします。
ホットツール Tags
Hot Tools
WeChat ミニプログラムのデモ: 模倣モール
WeChat ミニ プログラム デモ: モールを模倣しており、簡単に始めることができ、モールのいくつかの基本機能をうまく紹介しています。
要点: アンカーのような機能を実装する
誰もが必要とする同様のアンカー機能に加え、一部のテイクアウトアプリの典型的な注文機能も実装されています。
WeChat ミニプログラムのデモ: Lezhu
WeChat ミニ プログラムのデモ: Lezhu: 位置ベースの便利なアプリケーションに似ており、Zhang Xiaolong のミニ プログラムの精神にいくらか似ています。
WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます
WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます
WeChat アプレットのデモ: カルーセル画像の変換
カルーセル チャートのスタイル変更、小さなプログラムで実装されたシンプルなカルーセル チャート、簡単に作成