若含有违法违规等不良内容，请联系客服举报！

微信小程序优雅的搜索框_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);
}