検索
ホームページWeChat アプレットミニプログラム開発カスタマイズされたトースト ポップアップ ボックスを実装するための WeChat アプレットの開発

Toastは、WeChatミニプログラムを開発している友人にはよく知られていると思いますが、公式のスタイルではビジネス要件を満たせない場合があります。もちろん、解決策はあります。 WeToast の完成に直接役立つプラグインがあります。この記事では主に、カスタマイズされた Toast ポップアップ ボックスを実装するための WeChat アプレット開発に関する関連情報を紹介します。

前書き

以前、Toast の使用に関する記事がありましたが、公式のスタイルではビジネス要件を満たせない場合があります。もちろん、解決策はあります。これを直接行うのに役立つプラグイン、WeToast があります。

まずレンダリングを見てみましょう:

使い方、見てみましょう:

WeTaost プラグインのソース コードは src にあります。ディレクトリにあり、3 つのファイルが含まれています。

  • wetoast.js: スクリプトコード

  • wetoast.wxml: テンプレート構造

  • wetoast.wxss: スタイル

使用する際は上記3つのファイルを追加するだけです

まずステップ:wetoast.jsをプロジェクトのapp.jsに導入し、ミニプログラムに登録します

//app.js
let {WeToast} = require('src/wetoast.js')

//注册小程序,接收一个Object参数
App({
 WeToast
})

ステップ2:プロジェクトのapp.wxss wetoastに導入します。 .wxss

@import "src/wetoast.wxss";

内部のスタイルとポップアップのサイズについては、自分で変更できます。

ステップ 3: WeToast テンプレートを導入します

<import src="../../src/wetoast.wxml"/>
<!-- wetoast -->
<template is="wetoast" data="{{...__wetoast__}}"/>

最後に、そのページで使用したい場合は、onLoad で WeToast インスタンスを作成するだけです:

// 获取应用实例
let app = getApp()

Page({
 data: {},

 // 仅执行一次,可用于获取、设置数据
 onLoad: function () {
  //创建可重复使用的WeToast实例,并附加到this上,通过this.wetoast访问
  new app.WeToast()
 },

 onTimeToast: function () {
  this.wetoast.toast({
   title: &#39;请输入手机号&#39;,
   duration: 1000
  })
 }
})

カスタマイズできます期間、非常に便利です。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

WeChat アプレットは、ボタンをクリックしてフォントの色を変更する機能を実現します

WeChat アプレットは、PHP を使用して支払い機能を実装します

WeChat アプレット

以上がカスタマイズされたトースト ポップアップ ボックスを実装するための WeChat アプレットの開発の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい