# 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)
## 使用
* 引入
```
// 模版引入
<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);
}
```
没有合适的资源?快使用搜索试试~ 我知道了~
wxSearch-微信小程序优雅的搜索框.zip
共21个文件
js:5个
wxss:4个
png:3个
需积分: 1 0 下载量 68 浏览量
2024-01-05
21:11:54
上传
评论
收藏 280KB ZIP 举报
温馨提示
微信小程序的优势在于它方便快捷、轻量级、跨平台、丰富的推广方式、丰富的功能接口、数据分析与优化、结合微信支付、支持多场景应用、社交功能以及多端同步等。这些优点使得小程序能够满足用户的多种需求,提供更好的用户体验
资源推荐
资源详情
资源评论
收起资源包目录
wxSearch-微信小程序优雅的搜索框.zip (21个子文件)
open_weixxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxcxxxxxxxxxxxxcxvcvcv
pages
index
index.wxml 774B
index.js 1KB
index.wxss 34B
logs
logs.json 56B
logs.js 280B
logs.wxml 194B
logs.wxss 114B
app.json 268B
screenshoot
wxSearch2.gif 85KB
wxSearch1.gif 165KB
app.js 719B
LICENSE 1KB
utils
util.js 481B
app.wxss 103B
images
logo.png 8KB
qr.PNG 47KB
README.md 2KB
wxSearch
wxSearch.wxss 1KB
wxSearch.wxml 2KB
images
wxSearch-icon-delete.png 3KB
wxSearch.js 5KB
共 21 条
- 1
资源评论
极致人生-010
- 粉丝: 3259
- 资源: 3077
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功