WeChat アプレットによって提供される showToast 関数をモデルにしています
分類する:ミニプログラムのソースコード表示#ヒョウジ#:2315665ダウンロード:81
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

最新のコース

続きを見る
  • [Web フロントエンド] Node.js クイック スタート
    [Web フロントエンド] Node.js クイック スタート
    このコースは初心者向けに特別に設計されており、学生が Node.js の基本知識とコア テクノロジを迅速に習得できるようにすることを目的としています。このコースは、Node.js のインストールと環境構成から始まり、徐々にその非同期プログラミング モデル、モジュール システム、イベント駆動メカニズムを詳しく分析します。豊富な実践事例を通じて、学生は Node.js を使用して効率的で安定した Web サーバーを構築し、HTTP リクエストと応答を処理し、ファイル操作とデータベース対話を実行する方法を学びます。さらに、このコースでは、フロントエンド開発における Node.js の典型的なアプリケーション シナリオも紹介し、学生が実践的な能力を迅速に向上させ、フロントエンド開発の課題に簡単に対処できるようにします。
  • 海外のWeb開発フルスタックコースの完全なコレクション
    海外のWeb開発フルスタックコースの完全なコレクション
    このコースは、HTML、CSS、JavaScript、Vue.js、React、Flutter、モバイル APP 開発をカバーする包括的なチュートリアルです。基本的な Web ページ制作から、フロントエンドとバックエンドの複雑な対話、モバイル アプリケーションの実践的な開発まで、コースは内容が豊富で非常に実践的です。一連の実践的なプロジェクトを通じて、さまざまな開発スキルを深く理解し習得し、フルスタック開発エンジニアとして早期に成長します。初心者も経験豊富な開発者も、その恩恵を受けることができます。このコースの学習を通じて、Web アプリケーションやモバイル アプリケーションを独自に開発する能力を身につけ、将来のキャリア開発のための強固な基盤を築きます。
  • Go言語実践GraphQL
    Go言語実践GraphQL
    このコースは、学習者が Go 言語を使用して GraphQL サービスを実装する方法を習得できるように設計されています。このコースでは、GraphQL の基礎知識から始まり、そのデータ クエリ言語の特性と利点を深く分析し、Go 言語の特性と組み合わせて、GraphQL サーバーの構築方法、リクエストの処理方法、データの定義方法を詳しく説明します。パターンなど豊富な実践事例を通じて、学習者は実際のプロジェクトに GraphQL を統合してデータ インタラクションの柔軟性と効率を向上させる方法を学びます。このコースは、Go 言語の一定の基礎を備えた開発者に適しており、効率的で最新の API を構築するために必須のコースです。
  • 550W ファンマスターが JavaScript をゼロから段階的に学習します
    550W ファンマスターが JavaScript をゼロから段階的に学習します
    このコースは初心者向けに特別に設計されており、Google の責任者が指導します。このコースは JavaScript の基礎知識から始まり、構文、関数、オブジェクト、イベント処理などをカバーして徐々に深めていきます。鮮やかな事例と実践的な演習を通じて、学生は JavaScript のコアスキルをすぐに習得できます。上司が直接学生の質問に答え、プログラミング体験を共有することで、学生はリラックスした楽しい雰囲気の中で JavaScript マスターに成長することができます。プログラミングの初心者であっても、スキルを向上させたい開発者であっても、このコースは JavaScript を学習するための最良の選択となるでしょう。
  • Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる
    Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる
    このコースでは、プログラミングの旅に出かけます。ゼロから始めるこの 6 時間のコースでは、Python の基礎と高度な概念について説明します。 あなたが初心者であっても、スキルを向上させたい経験豊富なプログラマーであっても、Mosh の詳細な説明と明確な指導方法により、Python をすぐに使いこなすことができます。変数、データ型、条件、ループ、関数、オブジェクト、モジュールについて詳しく学び、実践的な演習で理解を深めます。 このコースは、Python を学習し、さまざまなキャリア分野への準備を整えるのに最適です。 Mosh の専門知識と教育に対する情熱により、熟練した Python 開発者への道を自信を持って歩み始めることができます。