微信小程序搜索功能的实现（模糊搜索、带历史记录）

最新推荐文章于 2024-02-18 15:36:45 发布

秦悸

最新推荐文章于 2024-02-18 15:36:45 发布

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：微信小程序 javascript 小程序

本文链接：https://blog.csdn.net/GikQxx21_wen/article/details/125899732

搜索页wxml

<searchbar bindsearchinput="onSearchInputEvent"></searchbar>
<view class='history-list-group' wx:if="{
   
   {histories && !subjects}}">
  <view class='history-title'>
    <view class='title'>历史记录</view>
    <view class='clear' bindtap="onClearEvent">清除</view>
  </view>
  <navigator wx:for="{
   
   {histories}}" wx:key="{
   
   {item.id}}" url='/pages/detail/detail?type=movie&id={
   
   {item.id}}' class='history-group'>{
   
   {
   
   item.title}}</navigator>
</view>
 
<view class='item-list-group'>
  <view wx:for="{
   
   {subjects}}" class='item-group' wx:key="{
   
   {item.id}}" bindtap="onItemTapEvent" data-id="{
   
   {item.id}}" data-title="{
   
   {item.title}}">
    <image src='{
   
   {item.pic.normal}}' class='thumbnail'></image>
    <view class='info-group'>
      <view class='title'>{
   
   {
   
   item.title}