huiting/miniprogram/pages/search/search.wxml

<!--为搜索页面-->
<view class="search" style="background-color:#ffffff;">
  <view class="search-inside secondary-background-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>
  <view class="hot-tag-block">
    <view class="hot-tag-title primary-text-color">历史搜索</view>
    <view class="hot-tags secondary-text-color">
      <view class="hot-tag" wx:for="{{searchHistory}}" wx:for-item="keyword" wx:key="*this"
        data-search-tag="{{keyword}}" bindtap="searchTag">{{keyword}}</view>
    </view>
  </view>

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

  <view class="hot-bar-block">
    <text class="hot-bar-title primary-background-color white-text-color">实时热点</text>
    <view class="hot-bar" wx:for="{{hotBarData}}" wx:key="rank" wx:for-item="bar" wx:for-index="index" wx:key="_id"
      data-message="{{bar.message}}" bindtap="viewMessage">
      <view class="hot-bar-text">
        <view class="primary-text-color" style="width: 20rpx; text-align: right;">{{index + 1}}</view>
        <view class="secondary-text-color" style="margin-left: 30rpx;">{{bar.message.hot_name}}</view>
      </view>
      <image class="more" src="/images/more.png" mode="aspectFill"></image>
    </view>
  </view>
</scroll-view>

<scroll-view wx:if="{{searchEnable}}" class="search-block secondary-background-color" scroll-y bindtap="blur"
  bindscrolltolower="loadMore">
  <view class="result-bar">
    <view wx:for="{{searchResult}}" wx:for-item="msg" wx:key="_id">
      <itemCard item="{{msg}}" />
    </view>
  </view>
  <view wx:if="{{searchText == '' && searchResult.length == 0}}" wx:for="{{searchHistory}}" wx:for-item="keyword"
    wx:key="*this" class="search-history" data-search-tag="{{keyword}}" catchtap="searchTag">
    <view>{{keyword}}</view>
    <view data-search-tag="{{keyword}}" catchtap="removeHistory">×</view>
  </view>
</scroll-view>