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
関連記事
26 Jul 2023
コード化とデコードは、コンピュータの分野でよく遭遇する問題です。 Go 言語では、encoding/gob パッケージによって提供される関数を使用して、Gob ファイルをエンコードおよびデコードできます。 Gob は、速度とスペース効率を高めるためにエンコードとデコードを最適化する、Go 言語のバイナリ データ エンコード形式です。エンコードとデコードの間の変換プロセスでは、データ構造がバイナリ形式に変換され、再
26 Jul 2023
Base64 エンコードおよびデコードには、encoding/base64 パッケージが提供する関数を使用します。Base64 は、任意のバイナリ データを印刷可能な文字に変換するエンコード方式です。ネットワーク伝送でバイナリ データを送信したり、バイナリ データを読み取り可能なテキストとして保存したりするためによく使用されます。 Go 言語では、encoding/base64 パッケージによって提供される関数を使用して、Base64 エンコードおよびデコード操作を実行できます。以下では、コード例を使用して、このパッケージをエンコードおよびデコードに使用する方法を示します。初め、
25 Jul 2023
XML をエンコードおよびデコードし、インデント形式を設定するには、encoding/xml パッケージを使用します。Go 言語では、encoding/xml パッケージは、XML をエンコードおよびデコードするための一連の関数を提供します。これらの関数は、Go 言語の構造データを XML 形式のデータに変換するのに役立ち、XML 形式のデータを Go 言語の構造データに変換することもできます。同時に、インデント形式を設定することで、生成された XML を読みやすくすることもできます。 XML のエンコードとデコードを行う前に、
06 Apr 2024
Vue でバックエンド インターフェイスを使用するには、次の手順を実行します。 Axios ライブラリをインストールしてインポートします。 axios オブジェクトを使用して、get や post などの HTTP リクエストを作成します。データを渡すには data オプションを使用します。応答を処理するには、data 属性を使用して、バックエンドから返されたデータにアクセスします。 Vuex を使用して、バックエンドからフェッチされ、コンポーネントを通じてアクセスされるデータを管理します。
13 Jun 2016
?数値は動的に取得され、値によって渡されます。ガイダンスを提供してください。ありがとうございます。ページ上に変更したデータがいくつかあります。詳細は次のとおりです。値を含むテキスト ボックスがあります。の: 123。これを取得するときに次のページをクリックしたいのですが、ハイパーリンクの href は次のとおりです。 ep=123 ここで質問が来ます。このテキスト ボックスの値を取得するにはどうすればよいでしょうか? テキストを入れると
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
13 Jun 2016
誰かが Tp フレームワークによってカプセル化されているすべての関数のドキュメントを提供していただけますか? Tp フレームワークによってカプセル化されているすべての関数名のドキュメントを提供していただけますか? ------解決策 ------- --- ----------ThinkPHP 完全開発マニュアルThinkPHP3.2 完全開発マニュアル-----解決策---------引用:ThinkPHP 完全開発マニュアルThinkPHP3.2 完全開発マニュアル モデレーター
25 Jul 2016
PHP セキュリティ フィルター コード (高いセキュリティ係数を備えた 360 によって提供されます)
16 May 2016
この記事では主に、JQuery を使用して Div によってドロップダウン メニューがブロックされる問題を解決する方法を紹介します。必要な友達が来たら、ぜひ参考にしてください。
ホットツール Tags
Hot Tools
WeChat ミニプログラムのデモ: 模倣モール
WeChat ミニ プログラム デモ: モールを模倣しており、簡単に始めることができ、モールのいくつかの基本機能をうまく紹介しています。
要点: アンカーのような機能を実装する
誰もが必要とする同様のアンカー機能に加え、一部のテイクアウトアプリの典型的な注文機能も実装されています。
WeChat ミニプログラムのデモ: Lezhu
WeChat ミニ プログラムのデモ: Lezhu: 位置ベースの便利なアプリケーションに似ており、Zhang Xiaolong のミニ プログラムの精神にいくらか似ています。
WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます
WeChat ミニ プログラム ゲームのデモでは、さまざまなカラー ブロックが選択されます
WeChat アプレットのデモ: カルーセル画像の変換
カルーセル チャートのスタイル変更、小さなプログラムで実装されたシンプルなカルーセル チャート、簡単に作成