finecarmini/module/search/search.wxml

<!-- 公用 用于页面顶部搜索框  -->

<template name="search">
  <view 
    class="search_space" 
    style="height:{{topsearchheight}}rpx;top:{{headerheight}}rpx;"
  ></view>
  <view   
    style="height:{{topsearchheight}}rpx;top:{{headerheight}}rpx;"
    class="search {{searchshow?'search_focus':''}}"
  >
    <view 
      class="search_input_b"
    >
    </view>
    <view class="search_input_ani">
      <image
        class="search_input_ic"
        src="../../img/search.png"
      />
      <input 
        class="search_input"  
        placeholder-class="search_input_holder"
        placeholder="搜索"
        confirm-type="search"
        bindblur="inputBlur"
        bindconfirm="inputConfirm"
        focus='{{searchfocus}}'
        value='{{keys}}'
      />        
      <view
        class='cancel_search'
        bindtap='cancelSearch'
      >
        取消
      </view>
    </view>
    <view 
      class="input_supernatant"
      style="display:{{searchshow?'none':'block'}}"
    >
      <view
        class="inputbind_focus"    
        bindtap='searchFocus'
      >
      </view>
    </view>
    <view 
      class="hot_search"
      style="min-height:{{windowh-206}}px"
    >
      <view class="hot_search_t">
        热门搜索
      </view>
      <view  class="hot_search_w">
        <block wx:for="{{brandrecommend}}" wx:key="brand_id">
          <view bindtap="tapHot" class="hot_search_i" data-val = "{{item.brand_name}}">
            {{item.brand_name}}
          </view>
          <!-- <view  bindtap="tapHot" class="hot_search_i" data-val = "劳斯莱斯">
            劳斯莱斯
          </view>
          <view  bindtap="tapHot" class="hot_search_i" data-val = "宾利">
            宾利
          </view>
          <view  bindtap="tapHot" class="hot_search_i" data-val = "法拉利">
            法拉利
          </view>
          <view  bindtap="tapHot" class="hot_search_i" data-val = "兰博基尼">
            兰博基尼
          </view>
          <view  bindtap="tapHot" class="hot_search_i" data-val = "布加迪">
            布加迪
          </view> -->
        </block>
      </view>
    </view>
  </view>
</template>