huiting/miniprogram/pages/search/search.wxml

<!--为搜索页面-->
<view class="search" style="background-color:#ffffff;">
  <view class="search-inside bg-color" style="display: flex; align-items: center;">
    <icon type="search" size="20"></icon>
    <input class="search-input" style="width: {{searchEnable ? 550 : 650}}rpx;" value="{{searchText}}" placeholder="搜索" confirm-type="search" bindinput="update" bindfocus="focus" bindconfirm="search"></input>
  </view>
  <view wx:if="{{searchEnable}}" class="cancel-button" bindtap="cancel">取消</view>
</view>

<scroll-view class="hot-block" scroll-y="true">
  <view class="hot-tag-block">
    <view class="hot-tag-title primary-color-fg">历史搜索</view>
    <view class="hot-tags secondary-text-color">
      <view class="hot-tag" wx:for="{{hotTagData}}" wx:key="tag" wx:for-item="item" data-search-tag="{{item.tag}}" bindtap="searchTag">{{item.tag}}</view>
    </view>
  </view>
  <view class="hot-tag-block">
    <view class="hot-tag-title primary-color-fg">热门搜索</view>
    <view class="hot-tags secondary-text-color">
      <view class="hot-tag" wx:for="{{hotTagData}}" wx:key="tag" wx:for-item="item" data-search-tag="{{item.tag}}" bindtap="searchTag">{{item.tag}}</view>
    </view>
  </view>

  <view class="hot-bar-block">
    <text class="hot-bar-title primary-color-bg text-primary-color">实时热点</text>
    <view class="hot-bar" wx:for="{{hotBarData}}" wx:key="rank" wx:for-item="item" data-activity-id="{{item.id}}" bindtap="viewActivity">
      <view>
        <text class="primary-color-fg" space="nbsp">{{item.rank}}    </text><text class="secondary-text-color">{{item.title}} </text>
      </view>
      <image class="more" src="/images/more.png" mode="aspectFill"></image>
    </view>
  </view>
</scroll-view>

<scroll-view wx:if="{{searchEnable}}" class="search-block" scroll-y="true" bindtap="blur">
  <view class="result-bar" wx:for="{{searchResult}}" wx:key="_id">
    <itemCard item="{{item}}"/>
  </view>
  <view wx:if="{{searchText == '' && searchResult.length == 0}}" wx:for="{{searchHistory}}" wx:for-item="item" wx:key="*this" class="search-history" data-history="{{item}}" catchtap="searchAgain">
    <view>{{item}}</view>
    <view data-history="{{item}}" catchtap="removeHistory">×</view>
  </view>
</scroll-view>