# 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);
}
```
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
(小程序+JAVA+2024+最新+毕业设计+源码+PPT+Lw+使用说明+部署简单+操作简单+上手简单+系统) 微信小程序是一种轻量级的应用程序,旨在提供简洁、快速的用户服务和体验。与传统的手机应用相比,小程序无需下载安装,用户可以直接在微信内搜索或通过扫描二维码打开使用,极大地简化了用户获取服务的路径。 开发一个微信小程序首先需要注册并获取开发者资格,然后使用微信提供的开发工具进行编码和调试。小程序的开发框架基于JavaScript语言,同时结合了WXML(微信标记语言)和WXSS(微信样式表)来定义页面结构和样式。此外,为了方便数据处理,还可以使用基于JavaScript的逻辑层框架。 在功能设计上,小程序可以实现包括消息推送、位置定位、支付接口、数据存储等在内的多种能力。这些功能为商家提供了与用户互动的丰富手段,比如可以创建电商小程序来进行商品展示和交易,或者开发服务类小程序为用户提供预约、咨询等服务。 对于用户体验而言,小程序的界面设计要求简洁明了,操作流程须直观易理解,以确保用户可以快速上手并完成所需操作。
资源推荐
资源详情
资源评论
收起资源包目录
搜索框.zip (22个子文件)
搜索框
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
readme.txt 145B
共 22 条
- 1
资源评论
爪哇抓挖_Java
- 粉丝: 1234
- 资源: 314
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 订单管理系统的示例代码.rar
- python语言+PyQt5实现日历(高分课程设计)
- 计算机视觉技术(CV)详解.pdf
- 圣诞节销售预测和趋势分析 使用历史销售数据和市场趋势预测特定产品或类别的销售量
- 网络通信技术-考试-B卷
- 识别图像中的文字的简单例子.rar
- 计算机网络网络层(Network Layer)**:负责数据在网络中的传输和路由选择,处理逻辑地址和路由表,实现数据包的转发与路
- 计算机网络物理层(Physical Layer)负责传输比特流,定义物理接口和传输介质特性(如电缆、光纤),确保数据的可靠传输
- YOLOv8关键点pose训练自己的数据集教程
- 计算机网络局域网(LAN)、城域网(MAN)、广域网(WAN)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功