【亿码酷站-编程开发教程】收集全网优质教程及源码资源！
全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ysym.cc！
微信小程序优雅的搜索框
特性
支持自定义热门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);
}
上一页：
下一页：
相关推荐
-
微信小程序优雅的搜索框
2314713
44 -
html植物花卉公司响应式网站模板
2213698
118 -
微信小程序-智能用电系统
2298324
67
【亿码酷站】—网站源码下载—微信小程序优雅的搜索框
床上用品html灰色网站模板
1.本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
2.源码素材属于虚拟商品,具有可复制性,可传播性,不接受任何形式的退款、换货要求。购买下单前,请提前确认时你所需的资源!
3.本站提供的一切源码、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途!必须在下载后的24个小时之内,从你的电脑或手机中彻底删除!
4.本站所提供的免费源码,模板,插件等其他资源都不包含免费的技术服务,所有资源售价只是赞助,收取费用仅维持本站日常运营所需。敬请谅解!
评论(0)