分类：微信小程序搜索

2020
09-24

微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)

上效果图:一:搜索框功能实现1.在首页做一个搜索框的样式并实现跳转到搜索页面<viewclass='page_row'bindtap="suo"><viewclass="search"><viewclass="dfsearch_arr"><iconclass="searchcion"size='20'type='search'></icon><inputclass=""disabledplaceholder="请输入关键字"value="{{searchValue}}"/></view></view><viewclass='sousuo'>搜索</view></view>.search{width:80%;}.search_arr{border:... 继续阅读 >

2020
09-24

微信小程序实现搜索功能

在页面search.wxml中，定义一个input输入框以及搜索的点击按钮，分别为它们绑定点击事件handleInputChange()和handleSearch()的事件，同时在它们的下面定义搜索的列表，代码如下所示：<viewclass="search-header"><inputclass="search-input"bindtap="handleInputChange"/><viewclass="search-btn"bindtap="handleSearch">搜索</view></view><view><viewwx:for="{{list}}"wx:key="{{index}}"class="item"id="{{item.i... 继续阅读 >