Inspiré de la fonction showToast fournie par l'applet WeChat
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"/>
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
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.
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.
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.
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.
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.
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.
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 : <viewclass="sortable-li
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.
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.
Hot Tools
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
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 : 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
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