wxSearch优雅的微信小程序搜索框
一、功能
支持自定义热门key 支持搜索历史 支持搜索建议 支持搜索历史(记录)缓存
二、使用
1、将wxSearch文件夹整个拷贝到根目录下 2、引入
3、使用3.1 wxml文件这里有两种模板：一种为wxSearch作者提供的模板，另一种是weui提供的模板。
3.1.1 第一种模板
支持自定义热门key 支持搜索历史 支持搜索建议 支持搜索历史(记录)缓存
1、将wxSearch文件夹整个拷贝到根目录下 2、引入
3.1.1 第一种模板
3.1.2 第二种模板
注意：此模板需要使用weui.wxss文件，请在app.wxss文件中引入。
3.1.3 自定义搜索框如果上面两种搜索样式都不喜欢，你也可以自己定义，只需要保证事件的触发即可。
3.2 js文件
3.3 效果图
wxSearchData:{
view:{
isShow: false,//是否显示搜索界面，默认隐藏，当输入框获取焦点时显示
searchbarHeght: 20,//根据手机屏幕高度和传入的barHeight进行计算
isShowSearchKey: true,//默认为true
isShowSearchHistory: true,//默认为true }
keys:[],//自定义热门搜索，传入的keys
his:[],//历史搜索关键字，从缓存中获取
value: '' // 搜索内容 }
wxSearch.init(that,barHeight,keys,isShowKey,isShowHis,callBack)；
initMindKeys 初始化mindKeys
// mindKeys即为所要检索内容的集合 var mindKeys = ['weappdev.com','微信小程序开发','微信开发','微信小程序']; WxSearch.initMindKeys(mindKeys);
其他事件函数不再赘述，可能会有一些bug，可以根据情况自己进行修改。
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
原文链接：https://www.f2er.com/weapp/38764.html