wxSearch

编程之家收集整理的这个编程导航主要介绍了wxSearch编程之家,现在分享给大家,也给大家做个参考。

wxSearch

wxSearch 介绍

wxSearch-微信小程序优雅的搜索框 

 

特性

支持自定义热门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','微信小程序开发','微信开发','微信小程序']);

},

GitHub:https://github.com/icindy/wxSearch

网站描述:微信小程序优雅的搜索框

wxSearch官方网站

官方网站:

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

WXPage,一个极其轻量的微信小程序开发框架
PhoneGap,一个采用HTML,CSS和JavaScript的技术,创建移动跨...
Mobiscroll,渐进式Web和混合应用程序的跨平台UI控件
Remax,全新的小程序开发体验
mobilebone.js,单页切换骨架
WeZRender,微信小程序Canvas开发