# 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);
}
```
没有合适的资源?快使用搜索试试~ 我知道了~
【微信小程序毕业设计期末大作业】搜索框-小程序项目源码.zip
共54个文件
js:10个
wxss:8个
png:6个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 92 浏览量
2023-05-24
17:54:52
上传
评论
收藏 33.78MB ZIP 举报
温馨提示
【微信小程序毕业设计期末大作业】搜索框-小程序项目源码
资源推荐
资源详情
资源评论
收起资源包目录
【微信小程序毕业设计期末大作业】搜索框-小程序项目源码.zip (54个子文件)
【微信小程序毕业设计期末大作业】搜索框-小程序项目源码
详细图文文档教程.doc 975KB
源码导入文档教程.docx 182KB
源码导入视频教程.mp4 32.97MB
搜索框
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
__MACOSX
._搜索框 212B
搜索框
pages
index
._index.wxml 212B
._index.js 212B
._index.wxss 212B
._logs 212B
logs
._logs.js 212B
._logs.json 212B
._logs.wxml 212B
._logs.wxss 212B
._index 212B
screenshoot
._wxSearch2.gif 212B
._wxSearch1.gif 212B
._screenshoot 212B
._app.js 212B
._app.wxss 212B
._app.json 212B
._images 212B
utils
._util.js 212B
._LICENSE 212B
._utils 212B
._wxSearch 212B
._README.md 212B
images
._qr.PNG 212B
._logo.png 212B
._pages 212B
wxSearch
._images 212B
._wxSearch.js 212B
._wxSearch.wxml 212B
images
._wxSearch-icon-delete.png 212B
._wxSearch.wxss 212B
共 54 条
- 1
资源评论
柯晓楠
- 粉丝: 2w+
- 资源: 2645
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Axure RP 9是一款专业的快速原型设计工具,安装即用
- 基于JSP+Servlet+Tomcat9.0+IDEA+Mysql实现的Javaweb图书管理系统
- Toon Boom Storyboard Pro 是一款专业的故事板制作软件,专为动画制作和影视前期制作而设计
- Serif Affinity Designer 是一款专业的矢量图形设计软件,旨在提供强大的创意工具和无与伦比的性能
- dbeaver exe安装脚本
- 基于Python+OpenCV人脸识别考勤管理系统+源代码(高分毕业设计).zip
- Photoshop 900个矢量和Photoshop画笔
- 华为项目管理十大模板管理表格
- Scratch资源~打宝箱小游戏
- 使用 MATLAB 绘制傅里叶级数图案
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功