Maison Code source du site Web Code source du mini-programme L'élégant champ de recherche de l'applet WeChat

L'élégant champ de recherche de l'applet WeChat

Caractéristiques

Prise en charge des clés populaires personnalisées
Prise en charge de l'historique de recherche
Suggestions de recherche de support
Prend en charge l'utilisation du cache de l'historique de recherche (enregistrement)

*Introduction

//Présentation du modèle
<import src="/wxSearch/wxSearch.wxml"/>
<template is="wxSearch" data="{{wxSearchData}}"/>
//Introduit dans wxss
@import "/wxSearch/wxSearch.wxss";
*Utilisez

//Interface exposée wxSearch

module.exports = {
initialisation : initialisation,
initColor : initColors,
initMindKeys : initMindKeys,
​ wxSearchInput : wxSearchInput,
wxSearchFocus : wxSearchFocus,
wxSearchBlur : wxSearchBlur,
wxSearchKeyTap : wxSearchKeyTap,
wxSearchAddHisKey :wxSearchAddHisKey,
​ wxSearchDeleteKey:wxSearchDeleteKey,
wxSearchDeleteAll:wxSearchDeleteAll,
wxSearchHiddenPanel : wxSearchHiddenPanel
}

//Initialisation
onLoad : fonction () {
console.log('onLoad')
var ça = ça
//Rend wxSearchdata lors de l'initialisation. Le second est votre hauteur de recherche
. WxSearch.init(that,43,['weappdev','small program','wxParse','wxSearch','wxNotification']);
WxSearch.initMindKeys(['weappdev.com','Développement de programme WeChat Mini','Développement WeChat','Programme WeChat Mini']);
},

wxSearchFn : fonction(e){
var ça = ça
WxSearch.wxSearchAddHisKey(that);

},
wxSearchInput : fonction(e){
var ça = ça
WxSearch.wxSearchInput(e,that);
},
wxSerchFocus : fonction(e){
var ça = ça
WxSearch.wxSearchFocus(e,ça);
},
wxSearchBlur : fonction(e){
var ça = ça
WxSearch.wxSearchBlur(e,ça);
},
wxSearchKeyTap :fonction(e){
var ça = ça
WxSearch.wxSearchKeyTap(e,ça);
},
wxSearchDeleteKey : fonction(e){
var ça = ça
WxSearch.wxSearchDeleteKey(e,ça);
},
wxSearchDeleteAll : fonction(e){
var ça = ceci;
WxSearch.wxSearchDeleteAll(that);
},
wxSearchTap : fonction(e){
var ça = ça
WxSearch.wxSearchHiddenPanel(ça);
}
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 implémenter la fonction de menu déroulant du champ de recherche de l'applet WeChat en PHP Comment implémenter la fonction de menu déroulant du champ de recherche de l'applet WeChat en PHP

01 Jun 2023

Comment implémenter la fonction de menu déroulant du champ de recherche du mini programme WeChat avec PHP Avec la popularité des mini programmes WeChat, de plus en plus d'entreprises commencent à utiliser les mini programmes WeChat pour les ventes et le marketing du commerce électronique. Le champ de recherche est un composant très important de l'applet WeChat, qui peut aider les utilisateurs à trouver rapidement les produits et les informations dont ils ont besoin. La fonction de menu déroulant permet aux utilisateurs de filtrer les résultats de recherche plus facilement. Cet article explique comment utiliser PHP pour implémenter la fonction de menu déroulant du champ de recherche de l'applet WeChat. 1. Configurez l'environnement de développement du mini-programme WeChat. Tout d'abord, utilisez PHP pour implémenter le mini-programme WeChat.

Utilisez l'applet WeChat pour réaliser la fonction d'achèvement automatique du champ de recherche Utilisez l'applet WeChat pour réaliser la fonction d'achèvement automatique du champ de recherche

21 Nov 2023

Utilisez l'applet WeChat pour réaliser la fonction de complétion automatique du champ de recherche. Avec le développement de l'Internet mobile, l'applet WeChat est devenue un élément indispensable dans la vie des gens. Dans les petits programmes, la fonction de recherche est l'une des exigences les plus courantes. Afin d’améliorer l’expérience utilisateur, la fonction de saisie semi-automatique du champ de recherche est un bon plus. Cet article explique comment utiliser l'applet WeChat pour implémenter la fonction de complétion automatique du champ de recherche et fournit des exemples de code spécifiques. Tout d’abord, nous devons ajouter un composant de champ de recherche à la page du mini-programme pour que les utilisateurs puissent saisir des mots-clés de recherche. en wx

Implémentation de la fonction de pagination de recherche de l'applet WeChat Implémentation de la fonction de pagination de recherche de l'applet WeChat

21 Jan 2019

Le contenu de cet article concerne la mise en œuvre de la fonction de recherche du mini-programme WeChat. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

EasyWeChat et PHP réalisent la fonction de connexion utilisateur de l'applet WeChat EasyWeChat et PHP réalisent la fonction de connexion utilisateur de l'applet WeChat

19 Jul 2023

EasyWeChat est un SDK WeChat open source basé sur PHP, qui simplifie le processus d'interaction entre les développeurs et les comptes officiels et mini-programmes WeChat. Dans cet article, je vais présenter comment utiliser EasyWeChat et PHP pour implémenter la fonction de connexion utilisateur de l'applet WeChat et joindre un exemple de code. Tout d’abord, nous devons obtenir le code d’identification de connexion WeChat de l’utilisateur sur le mini-programme. Les informations de connexion de l'utilisateur peuvent être obtenues via l'interface wx.login() du mini-programme. La méthode d'acquisition est la suivante : wx.login({

Code personnalisé de la fenêtre contextuelle de l'applet WeChat Code personnalisé de la fenêtre contextuelle de l'applet WeChat

23 Jun 2018

Cet article présente principalement les informations pertinentes sur l'exemple de code personnalisé de la fenêtre contextuelle du mini programme WeChat. Parfois, lors de projets de développement, il est nécessaire de modifier les composants du système d'origine en fonction des besoins du client. fenêtre contextuelle dans le mini programme Amis qui en ont besoin Vous pouvez vous y référer.

Notes de développement de l'applet WeChat, collectionnez-les ! ! Notes de développement de l'applet WeChat, collectionnez-les ! !

09 Oct 2020

La colonne Tutoriel de développement du programme WeChat Mini vous présente aujourd'hui les notes de développement du programme WeChat Mini, jetez-y un œil.

Débogage de l'applet WeChat Débogage de l'applet WeChat

04 Apr 2017

Le mini-programme WeChat est lancé depuis longtemps et j'ai récemment commencé à avoir le temps de le bricoler. Comme je n'ai jamais écrit de code front-end, cet article de blog résume également mon propre processus d'exploration et de recherche, j'espère. cela sera utile aux étudiants comme moi qui n'ont aucune expérience front-end. 1. Le processus de publication du mini-programme d'environnement est le suivant : 1.1 L'authentification WeChat a des exigences d'enregistrement différentes en fonction des différents besoins des utilisateurs : les développeurs d'entreprise, qui disposent d'informations relatives à l'enregistrement de l'entreprise, peuvent se permettre les frais d'enregistrement de 500 afin de publier le mini-programme. programme en ligne ; l'entreprise ne donne pas de programmeur Money, dispose d'informations d'enregistrement de l'entreprise, ne veut pas payer de frais,...

Tutoriel d'utilisation de l'applet Flutter WeChat Tutoriel d'utilisation de l'applet Flutter WeChat

15 Aug 2024

La configuration d'un environnement de développement Flutter pour les programmes WeChat Mini implique l'installation du SDK Flutter, du plug-in de programme WeChat Mini et la création d'un nouveau projet. Les étapes clés pour créer un mini programme WeChat à l'aide de Flutter incluent l'ajout du plugin, d

Comment se déconnecter de l'applet WeChat ? Comment se déconnecter de l'applet WeChat ?

13 Jun 2020

Méthode pour vous déconnecter du mini-programme WeChat : 1. Ouvrez WeChat, déroulez vers le bas pour développer la barre de menu et cliquez sur le mini-programme ; 2. Dans l'interface du mini-programme, cliquez sur « Mon » dans le coin inférieur droit ; l'avatar dans le coin supérieur gauche ; 4. Dans la fenêtre contextuelle, cliquez sur "Déconnexion" dans l'interface pour terminer la déconnexion.

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