Das elegante Suchfeld des WeChat-Applets

Funktionen

Unterstützen Sie benutzerdefinierte beliebte Schlüssel
Unterstützen Sie den Suchverlauf
Unterstützen Sie Suchvorschläge
Unterstützt die Cache-Nutzung des Suchverlaufs (Datensatzes)

*Einführung

//Vorlageneinführung
<import src="/wxSearch/wxSearch.wxml"/>
<template is="wxSearch" data="{{wxSearchData}}"/>
//Eingeführt in wxss
@import "/wxSearch/wxSearch.wxss";
＊Verwenden Sie

//wxSearch verfügbar gemachte Schnittstelle

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

//Initialisierung
onLoad: Funktion () {
console.log('onLoad')
var that = this
//WxSearchdata während der Initialisierung rendern. Die zweite ist Ihre Suchhöhe
WxSearch.init(that,43,['weappdev','small program','wxParse','wxSearch','wxNotification']);
WxSearch.initMindKeys(['weappdev.com','WeChat Mini Program Development','WeChat Development','WeChat Mini Program']);
},

wxSearchFn: function(e){
var that = this
WxSearch.wxSearchAddHisKey(that);
​
},
wxSearchInput: Funktion(e){
var that = this
WxSearch.wxSearchInput(e,that);
},
wxSerchFocus: function(e){
var that = this
WxSearch.wxSearchFocus(e,that);
},
wxSearchBlur: Funktion(e){
var that = this
WxSearch.wxSearchBlur(e,that);
},
wxSearchKeyTap:function(e){
var that = this
WxSearch.wxSearchKeyTap(e,that);
},
wxSearchDeleteKey: Funktion(e){
var that = this
WxSearch.wxSearchDeleteKey(e,that);
},
wxSearchDeleteAll: function(e){
var that = this;
WxSearch.wxSearchDeleteAll(that);
},
wxSearchTap: Funktion(e){
var that = this
WxSearch.wxSearchHiddenPanel(that);
}