若含有違法違規等不良內容，請聯繫客服舉報！

微信小程序優雅的搜索框_html網站模板

。

2023-01-08 15:35:55 紅紅已售次關注次

原價￥：~~200~~ 普通會員￥：9.9VIP會員￥：免費

立即下載技術諮詢升級VIP

付費安裝搭建

付費遠程教學

付費二次開發

付費BUG修復

特別聲明：本站資源來源於互聯網，版權歸原作者所有，所有資源僅供參考學習，如有其他需求，建議購買正版！

【Yunyiwl.com-編程開發教程】收集全網優質教程及源碼資源！
全網優質軟件開發、平面設計等教程及精品源碼資源一站可得,www.yunyiwl.com！

微信小程序優雅的搜索框_html網站模板插圖微信小程序優雅的搜索框

特性

支持自定義熱門key
支持搜索歷史
支持搜索建議
支持搜索歷史（記錄）緩存使用

＊引入

// 模版引入
<import src=”/wxSearch/wxSearch.wxml”/>
<template is=”wxSearch” data=”{{wxSearchData}}”/>
// wxss中引入
@import “/wxSearch/wxSearch.wxss”;
＊使用

//wxSearch 暴漏的接口

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

//初始化
onLoad: function () {
console.log(‘onLoad’)
var that = this
//初始化的時候渲染wxSearchdata 第二個爲你的search高度
WxSearch.init(that,43,[‘weappdev’,’小程序’,’wxParse’,’wxSearch’,’wxNotification’]);
WxSearch.initMindKeys([‘weappdev.com’,’微信小程序開發’,’微信開發’,’微信小程序’]);
},

wxSearchFn: function(e){
var that = this
WxSearch.wxSearchAddHisKey(that);

},
wxSearchInput: function(e){
var that = this
WxSearch.wxSearchInput(e,that);
},
wxSerchFocus: function(e){
var that = this
WxSearch.wxSearchFocus(e,that);
},
wxSearchBlur: function(e){
var that = this
WxSearch.wxSearchBlur(e,that);
},
wxSearchKeyTap:function(e){
var that = this
WxSearch.wxSearchKeyTap(e,that);
},
wxSearchDeleteKey: function(e){
var that = this
WxSearch.wxSearchDeleteKey(e,that);
},
wxSearchDeleteAll: function(e){
var that = this;
WxSearch.wxSearchDeleteAll(that);
},
wxSearchTap: function(e){
var that = this
WxSearch.wxSearchHiddenPancel(that);
}