微信小程序 搜索功能,历史记录,删除

这篇博客介绍了如何在微信小程序中实现搜索功能,包括输入框绑定、搜索按钮触发事件、历史记录展示和删除。通过绑定事件处理函数,实现了搜索框内容变化时的实时反馈,以及历史记录的显示和清除。同时展示了搜索结果的布局样式和商品列表的显示逻辑。
摘要由CSDN通过智能技术生成

wxml:

<view class="top">

  <view class="topsearch">

    <view class="frame">

      <input value="{ {shoopingtext}}" bindinput="shoppinginput"></input>

    </view>

    <text bindtap="search">搜索</text>

  </view>

</view>

<view class="history" wx:if="{ {history}}">

  <view class="history_title">

    <text>历史搜索</text>

    <image src="/image/30.png" mode="widthFix" style="width:5%;" bindtap="cleanhistory"></image>

  </view>

  <view class="history_text">

    <view wx:for="{ {newArray}}" wx:key="key" class="d1" data-text="{ {item}}" bindtap="textfz">

    { {item}} 

    <text bindtap="wee" style="float: right;margin-right: 10px;font-size: 20px;">×</text>

    </view>

  </view>

</view>

<view class="none" wx:if="{ {noneview}}">

  <image src="/image/2.png" mode="widthFix" style="width:20%"></image>

  <text style="margin-top: 100px;">抱歉,没有相关商品</text>

</view>

<view class='swiper_con' wx:if="{ {shoppinglist}}">

  <view class='swiper_con_view' wx:for="{ {shoopingarray}}" wx:key="id" wx:if='{ {item.status=="1"?true:false}}'>

    <image src="/image/{ {item.images}}" mode=

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值