小程序通用搜索组件

女爷i 2022-03-31 12:10 358阅读 0赞

效果图

场景

一个应用经常少不了搜索功能，为此在这里简单封装一个搜索组件，可以为后续开发省下一些时间；

编写一个common-search组件

common-search.js:简单封装了输入内容监听，清除相关操作，最后向外部提供一个onClickSubmit回调事件，把搜索框的内容传到外部去；
common-search.wxml：一个简单的搜索样式，搜索搜索按钮，清除按钮，搜索框；

代码详细地址：https://github.com/fuxingkai/frankui-weapp

发表评论取消回复

表情：

评论列表（有 0 条评论，358人围观）

还没有评论，来说两句吧...

相关阅读

相关【小程序】组件

目录 1. 小程序中组件的分类 2. 常用的视图容器类组件 3. view 组件的基本使用 4. scroll-view 组件的基本使用 5. swiper 和 sw

小咪咪/ 2024年03月30日 11:11/ 0 赞/ 148 阅读

相关原生微信小程序，搜索框（search）组件

原生微信小程序，搜索框（search）组件 ![在这里插入图片描述][20200831165523696.gif_pic_center] 首先创建组件及两个跳转页面，

淡淡的烟草味﹌/ 2022年12月02日 15:06/ 0 赞/ 400 阅读

相关小程序搜索和历史搜索配合使用组件

效果图 ![2.gif][] 结合之前那篇通用搜索组件文章，这篇是在通用搜索组件的基础上加上了历史搜索列表和清空历史搜索功能；该组件结合了common-search组件

拼搏现实的明天。/ 2022年04月10日 11:23/ 0 赞/ 268 阅读

相关小程序通用搜索组件

效果图 ![2.gif][] 场景一个应用经常少不了搜索功能，为此在这里简单封装一个搜索组件，可以为后续开发省下一些时间；编写一个common-searc

女爷i/ 2022年03月31日 12:10/ 0 赞/ 359 阅读

相关微信小程序项目，实现图书搜索组件完善

完成了历史搜索和热门搜索之后，需要对用户输入的图书进行服务器的查询：首先在search.js中定义一个函数，返回一个promise对象，用户获取用户查询出来的图书 ![1

妖狐艹你老母/ 2021年12月21日 09:03/ 0 赞/ 313 阅读

相关小程序组件--视图容器组件

（1）view视图容器 ①hover-class 这个属性后面接string，string是一个类名，在这个组件被点击的时候，加上string这个类，相当于PC端

小鱼儿/ 2021年11月27日 03:36/ 0 赞/ 501 阅读

相关小程序组件--表单组件

（1）button按钮组件 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

左手的ㄟ右手/ 2021年11月26日 08:08/ 0 赞/ 599 阅读

相关小程序组件--基础内容组件

（1）icon图标组件组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px) ![在这里插入图片描述][20190723193746289.png]

水深无声/ 2021年11月26日 08:06/ 0 赞/ 471 阅读

相关微信小程序搜索框组件之SearchBar

index.wxml  <view class="wrapper"> <slot></slot>

╰半橙微兮°/ 2021年10月19日 07:31/ 0 赞/ 1206 阅读

相关微信小程序搜索框代码组件

search.wxml <view class="header"> <view class="search"> <icon t

偏执的太偏执、/ 2021年07月24日 23:39/ 0 赞/ 650 阅读