Maison Code source du site Web Code source du mini-programme Inspiré de la fonction showToast fournie par l'applet WeChat

Inspiré de la fonction showToast fournie par l'applet WeChat

Le code source du plug-in WeTaost se trouve dans le répertoire src et contient 3 fichiers.
wetoast.js : code de script
wetoast.wxml : structure du modèle
wetoast.wxss : Style
Lors de son utilisation, il vous suffit d'ajouter les trois fichiers ci-dessus. Pour les méthodes d'utilisation, veuillez vous référer à cette démonstration de projet.

Plan recommandé

Étape 1. Introduisez wetoast.js dans l'app.js du projet et enregistrez-le sur le mini-programme. Toutes les pages du mini-programme peuvent être utilisées sans le réintroduire
.
let {WeToast} = require('src/wetoast.js') // Renvoie le constructeur, le nom de la variable peut être personnalisé
Application({
WeToast // Vous pourrez y accéder plus tard via app.WeToast
})
Étape 2. Introduisez wetoast.wxss
dans app.wxss du projet
@import "src/wetoast.wxss";
Étape 3, présentez la structure du modèle WeToast,

Méthode 1, utilisez-la sur une page séparée

<!--Dans le fichier index.wxml -->
<import src="../../src/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>
Deuxième méthode, créez un fichier d'inclusion public et rassemblez tous les modèles publics

<!-- dans le fichier footer.wxml -->
<import src="src/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>
<!-- Autres modèles xxoo -->
<template is="wexxoo" data="{{...wexxoo}}"/>
Ensuite, présentez-le via include

<!-- Fichier de bas de page index.wxml -->
<include src="footer.wxml"/>
Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

Comment publier un mini programme ? Comment publier un mini programme ?

03 Jun 2020

Méthode de publication du mini programme : achetez d'abord un serveur et configurez l'environnement de production du mini programme ; puis placez le code source back-end sur le serveur à exécuter ; puis achetez un nom de domaine et gérez-le enfin avec l'adresse du serveur back-end ; publier et soumettre pour examen dans le contexte de gestion du mini-programme.

Le code du mini-programme est-il corrigé ? Le code du mini-programme est-il corrigé ?

04 Jan 2022

Le code du mini-programme est fixe. Tant que le mini-programme APPID reste inchangé, le code du mini-programme ne changera pas ; les développeurs peuvent obtenir le code du mini-programme pour n'importe quelle page du mini-programme via l'interface d'arrière-plan.

Qu'est-ce que le code QR du mini-programme ? Qu'est-ce que le code QR du mini-programme ?

04 Jan 2022

Le code QR du mini-programme est une entrée importante dans le mini-programme. Les commerçants peuvent utiliser la capacité du code QR du mini-programme pour générer un code QR qui renvoie à la page désignée de leur propre mini-programme, qui peut être utilisé pour la promotion de codes en ligne et hors ligne. pour faciliter la promotion du Mini Programme.

Quel contenu dois-je mettre dans un petit programme ppt ? Quel contenu dois-je mettre dans un petit programme ppt ?

16 Mar 2020

Un mini-programme est une application qui n'a pas besoin d'être téléchargée et installée. Le contenu inclus dans le ppt de création d'un mini-programme comprend : 1. La source du mini-programme 2. Le trafic du mini-programme ; fonctionner ; 4. Comment développer ; 5. La tendance future des mini-programmes.

Implémenter la fonction de connexion par reconnaissance faciale de l'applet WeChat via PHP Implémenter la fonction de connexion par reconnaissance faciale de l'applet WeChat via PHP

22 Jun 2018

Cet article utilise un exemple de code pour vous expliquer comment implémenter la fonction de reconnaissance faciale et de connexion faciale de l'applet WeChat basée sur PHP. Les amis intéressés peuvent suivre l'éditeur pour apprendre ensemble.

Introduction à la fonction de requête de livraison express développée par l'applet WeChat Introduction à la fonction de requête de livraison express développée par l'applet WeChat

27 Jun 2018

Cet article présente principalement les informations pertinentes sur la mise en œuvre de la fonction de requête de livraison express développée par l'applet WeChat. Ici, la fonction d'interrogation de livraison express de l'applet WeChat est implémentée. Les amis qui en ont besoin peuvent s'y référer.

Utilisez l'applet WeChat pour implémenter la fonction de tri par glisser-déposer Utilisez l'applet WeChat pour implémenter la fonction de tri par glisser-déposer

21 Nov 2023

Utiliser l'applet WeChat pour implémenter un exemple de code de la fonction de tri par glisser-déposer Lorsque j'ai commencé à apprendre l'applet WeChat, j'ai toujours pensé qu'il était très difficile d'implémenter la fonction de tri par glisser-déposer. Cependant, en fouillant dans la documentation officielle et en essayant différentes approches, j'ai finalement réussi à implémenter cette fonctionnalité. Dans cet article, je partagerai des exemples de code spécifiques qui implémentent la fonctionnalité de tri par glisser-déposer. Tout d’abord, créez une liste de tous les éléments triables dans un fichier wxml. Par exemple : &lt;viewclass="sortable-li

Analyse du SDK Amap du mini programme WeChat Analyse du SDK Amap du mini programme WeChat

23 Jun 2018

Cet article présente principalement les informations pertinentes du mini programme WeChat Amap et des exemples simples (téléchargement du code source). Les amis dans le besoin peuvent s'y référer.

Où consulter le code QR du mini programme Où consulter le code QR du mini programme

19 Mar 2020

Comment afficher le code QR du mini programme : entrez d'abord le compte et le mot de passe pour vous connecter au backend du mini programme WeChat ; puis recherchez et ouvrez « Paramètres - Code du mini programme dans les paramètres de base » ; Téléchargement de matériel] Le mini-programme QR code suffit.

See all articles See all articles

Hot Tools

Démo du mini programme WeChat : imitation d'un centre commercial

Démo du mini programme WeChat : imitation d'un centre commercial

Démo du mini programme WeChat : imitation d'un centre commercial, facile à démarrer et bonne introduction à certaines fonctions de base du centre commercial

À retenir : implémenter une fonctionnalité de type ancre

À retenir : implémenter une fonctionnalité de type ancre

C'est la fonction d'ancrage similaire dont tout le monde a besoin. De plus, elle implémente également les fonctions de commande typiques de certaines applications à emporter. Il est recommandé d'étudier et d'étudier ;

Démo du mini programme WeChat : Lezhu

Démo du mini programme WeChat : Lezhu

Démo du mini programme WeChat : Lezhu : similaire à une application utile basée sur la localisation, quelque peu similaire à l'esprit du mini programme de Zhang Xiaolong.

La démo du mini-jeu du programme WeChat sélectionne différents blocs de couleurs

La démo du mini-jeu du programme WeChat sélectionne différents blocs de couleurs

La démo du mini-jeu du programme WeChat sélectionne différents blocs de couleurs

Démo de l'applet WeChat : transformation d'image en carrousel

Démo de l'applet WeChat : transformation d'image en carrousel

Changement de style de graphique carrousel, un graphique carrousel simple implémenté avec un petit programme, facile à écrire

Hot Article

Luma Island : Comment obtenir des jetons d'outils
14 Nov 2024 Guide du jeu mobile
Île de Luma : comment faire éclore un Luma
28 Nov 2024 Guide du jeu mobile
Supervive : Guide de construction de Shrike
27 Nov 2024 Guide du jeu mobile
Île de Luma : toutes les professions expliquées
28 Nov 2024 Guide du jeu mobile