https://github.com/icindy/wxSearch

wxSearch-微信小程序优雅的搜索框
https://github.com/icindy/wxSearch

Last synced: 13 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/icindy/wxSearch
• Owner: icindy
• License: mit
• Created: 2016-11-16T11:52:11.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-12-16T17:23:51.000Z (almost 6 years ago)
• Last Synced: 2024-02-12T10:05:02.020Z (9 months ago)
• Language: JavaScript
• Size: 273 KB
• Stars: 531
• Watchers: 21
• Forks: 160
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-wechat-app - wxSearch - 微信小程序优雅的搜索框 (UI组件)
• awesome-github-wechat-weapp - wxSearch - 微信小程序优雅的搜索框 (UI组件)

README

        
# wxSearch

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

## 来源

## wxParse信息

* 版本号`0.1`

* github地址: [https://github.com/icindy/wxSearch](https://github.com/icindy/wxSearch)

##  开发信息

[微信小程序开发论坛](http://weappdev.com)

垂直微信小程序开发交流社区

![小码消息](images/qr.PNG)

## 特性

- [x] 支持自定义热门key

- [x] 支持搜索历史

- [x] 支持搜索建议

- [x] 支持搜索历史（记录）缓存

## 效果

![wxSearch效果gif1](screenshoot/wxSearch1.gif)

![wxSearch效果gif2](screenshoot/wxSearch2.gif)

## 使用

＊ 引入

```

// 模版引入

// 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);

  }

```