微信小程序開發之(zhī)帶搜索記錄的(de)搜索框 - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 小程序相關 >

微信小程序開發之(zhī)帶搜索記錄的(de)搜索框

發表時(shí)間:2021-5-11

發布人(rén):融晨科技

浏覽次數:101

實現功能:點擊搜索框,有搜索記錄時(shí)以(yǐ)下拉菜單顯示,點擊下拉子(zǐ)菜單,将數據賦值到(dào)搜索框,點擊搜索圖标搜索,支持清空曆史記錄,可手動輸入和(hé / huò)清空查詢關鍵字,

UI:

wxml:

  1. <!--查詢曆史記錄數據-->
  2. <view class="ddclass" style="margin-left: 50rpx;z-index:80" hidden="{{!StorageFlag}}" style="z-index:100">
  3. <view wx:for="{{sercherStorage}}" wx:key="item.id">
  4. <view class="liclass" style="color:#ec9e14;border-bottom:0;" id="{{item.id}}" bindtap="tapSercherStorage">
  5. <text style="width:100rpx">{{item.name}}</text>

相關案例查看更多