search.wxml 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <view class="search_input_bgc">
  2. <view class="search_input">
  3. <input class="navi float-left" type="text" placeholder="搜索" bindinput="handleInput"></input>
  4. <image class="pic float-left" src="/img/icon/search.png" bindtap="handleSearchTap"></image>
  5. <!-- <text>搜索</text> -->
  6. <text class="cancle float-right" bindtap="handleCancleTap">取消</text>
  7. </view>
  8. </view>
  9. <!-- 搜索结果 -->
  10. <view wx:if="{{goodsList.length>0}}" class="search-title">搜索结果</view>
  11. <view class="goods" wx:for="{{goodsList}}" wx:key="id" wx:for-item="goods">
  12. <view class="goods_img float-left">
  13. <navigator class="all" url="/pages/sub_index_page/goods_info/goods_info?goodsId={{goods.id}}">
  14. <image src="{{serverPrefix+goods.pictures[0].picUrl}}"></image>
  15. </navigator>
  16. </view>
  17. <view class="goods_name goods_item float-left" bindtap="handle2GoodsInfo" data-goods-id="{{goods.id}}">{{goods.goodsName}}</view>
  18. <view class="goods_desc goods_item float-left">{{goods.desc}}</view>
  19. <view class="goods_number goods_item float-left">月售 {{goods.sales}} 评分 {{goods.score}}</view>
  20. <view class="goods_action goods_item float-left">
  21. <view class="action_price float-left">
  22. <block>¥{{goods.price}}</block>
  23. </view>
  24. <!-- <view class="num_action float-right">
  25. <image class="reduce {{cart.num==0 ? 'hidden' : ''}}" src="/img/icon/reduce.png" bindtap="handleReduceTap" data-goods-id="{{cart.goodsId}}"></image>
  26. <text class="order_num {{cart.num==0 ? 'hidden' : ''}}">{{cart.num}}</text>
  27. <image class="add" src="/img/icon/add.png" bindtap="handleAddCartGoodsTap" data-goods-id="{{cart.goodsId}}"></image>
  28. </view> -->
  29. </view>
  30. </view>
  31. <!-- 暂无数据 -->
  32. <view wx:if="{{result&&goodsList.length==0}}" class="empty">
  33. <view class="nodata">
  34. <image src="/img/icon/no-data.png"></image>
  35. <text class="desc">暂无数据</text>
  36. </view>
  37. </view>
  38. <view wx:if="{{!result&&topList.length>0}}" class="hot-list">
  39. <view class="hot-title">热门搜索</view>
  40. <block wx:for="{{topList}}" wx:key="index">
  41. <view class="hot-item float-left" bindtap="reSearch" data-value="{{item}}">{{item}}</view>
  42. </block>
  43. </view>
  44. <!-- 搜索历史 -->
  45. <view wx:if="{{historyShow}}" class="search-history">
  46. <view wx:for="{{showHistoryList}}" wx:key="index" class="history-list">
  47. <view class="time-icon float-left">
  48. <image src="/img/icon/time.png"></image>
  49. </view>
  50. <view class="history-text float-left" bindtap="reSearch" data-value="{{item}}">
  51. {{item}}
  52. </view>
  53. <view class="delete float-right" bindtap="removeHistory" data-index="{{index}}">
  54. <image src="/img/icon/cha.png"></image>
  55. </view>
  56. </view>
  57. <view wx:if="{{showAll&&historyShow}}" class="all-history" bindtap="setAllShowHistoryList">
  58. 全部搜索记录
  59. </view>
  60. <view wx:if="{{!showAll&&historyShow}}" class="all-history" bindtap="clearAll">
  61. 清除所有记录
  62. </view>
  63. </view>