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: '请输入手机号', duration: 1000 }) } })
カスタマイズできます期間、非常に便利です。
上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。
関連する推奨事項:
WeChat アプレットは、ボタンをクリックしてフォントの色を変更する機能を実現します
WeChat アプレットは、PHP を使用して支払い機能を実装します
以上がカスタマイズされたトースト ポップアップ ボックスを実装するための WeChat アプレットの開発の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于基础架构原理的相关内容,其中包括了宿主环境、执行环境、小程序整体架构、运行机制、更新机制、数据通信机制等等内容,下面一起来看一下,希望对大家有帮助。

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于云服务的配置详解,包括了创建使用云开发项目、搭建云环境、测试云服务等等内容,下面一起来看一下,希望对大家有帮助。

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于富文本编辑器的实战示例,包括了创建发布页面、实现基本布局、实现编辑区操作栏的功能等内容,下面一起来看一下,希望对大家有帮助。

西安坐地铁用的小程序为“乘车码”。使用方法:1、打开手机微信客户端,点击“发现”中的“小程序”;2、在搜索栏中输入“乘车码”进行搜索;3、直接定位城市西安,或者搜索西安,点击“西安地铁乘车码”选项的“去乘车”按钮;4、根据腾讯官方提示进行授权,开通“乘车码”业务即可利用该小程序提供的二维码来支付乘车了。

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于开发工具介绍的相关内容,包括了下载开发工具以及编辑器总结等内容,下面一起来看一下,希望对大家有帮助。

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了怎么实现小程序授权登录功能的相关内容,下面一起来看一下,希望对大家有帮助。


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

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

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

Dreamweaver Mac版
ビジュアル Web 開発ツール
