applet/edition1.0.0/pages/search/search.wxml

<view class="container">
<!-- 搜索 -->
<view class="topSearch">
  <view class="searchView">
    <image src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/search_icon2.png"/>
    <input bindinput="bindKeyInput" placeholder="{{placeholder}}" type='text' confirm-type="search" bindconfirm='getKey' placeholder-class="searchPlaceholder2"/>
  </view>
  <scroll-view class="scroll-view_H"
   scroll-left="{{scroll_left}}"
   scroll-with-animation="true"
   scroll-x="true">
    <view class="scroll-view-item_H">
      <view wx:for="{{topArray}}"
      bindtap="clickTitle"
      data-type = "{{item.type}}"
       class="{{type === item.type ?'active':''}}"
        wx:key="index">{{item.title}}</view>
    </view>
  </scroll-view>
</view>
<!-- 搜达人 -->
<view class="rankListDiv" wx:if="{{type == '1'}}">
  <view class="rankList" wx:for="{{searchList}}" wx:key="index" bindtap="goHrDetail" data-userid='{{item.user_id}}'>
    <view class="userImgDiv">
      <image src="{{item.headurl}}" mode="widthFix"></image>
    </view>
    <view class="userInfo">
      <view class="userName">{{item.user_name}}</view>
      <view class="fan">粉丝数 {{item.fan}}</view>
      <!-- <view class="other">
        <view>销量<text>{{item.sell_count}}</text></view>
        <view>销售额<text>{{item.sell_money}}</text></view>
      </view> -->
    </view>
  </view>
</view>
<!-- 搜商品 -->
<view class="rankListDiv" wx:if="{{type == '2'}}">
  <view class="rankList" wx:for="{{searchList}}" wx:key="index" data-id='{{item.commodity_id}}' bindtap="toProduct">
    <view class="userImgDiv" style="border-radius:8rpx">
      <image src="{{item.img}}" mode="widthFix"></image>
    </view>
    <view class="userInfo">
      <view class="userName">{{item.title}}</view>
      <view class="fan" wx:if="{{item.price}}">¥{{item.price}}</view>
    </view>
  </view>
</view>
<!-- 搜视频 -->
<view wx:if="{{type == '3'}}" class="rankListDiv">
  <view class="listView" wx:for="{{searchList}}" wx:key="photo_id"  bindtap="goVideoDetail" data-userid="{{item.user_id}}" data-photoid="{{item.photo_id}}">
    <view class="infoView">
      <view class="coverImg">
        <image src="{{item.cover_thumbnail_url}}" mode="widthFix" webp="{{item.cover_thumbnail_url&&item.cover_thumbnail_url.indexOf('.webp') != -1 ? true : false}}"></image>
      </view>
      <view class="info">
        <view class="caption">{{item.caption}}</view>
        <view class="nameInfo">
          <view class="name">
            <image src="{{item.headurl}}" mode="widthFix"></image>
            <text>{{item.user_name}}</text>
          </view>
        </view>
        <view class="time">{{item.time}}</view>
        <view class="other_info">
          <view>播放量 <text>{{item.view_count}}</text></view>
          <view>点赞量 <text>{{item.like_count}}</text></view>
        </view>
      </view>
    </view>
  </view>
</view>
<!-- 搜应用 -->
<view class="rankListDiv" wx:if="{{type == '4'}}">
  <view class="rankList" wx:for="{{searchList}}" wx:key="index" bindtap="goAdDetail" data-videoid="{{item.video_id}}">
    <view class="userImgDiv" style="border-radius:8rpx">
      <image src="{{item.app_icon_url}}" mode="widthFix"></image>
    </view>
    <view class="userInfo">
      <view class="userName">{{item.app_name}}</view>
      <view class="fan">{{item.ad_description}}</view>
    </view>
  </view>
</view>
<!-- 搜音乐 -->
<view class="rankListDiv" wx:if="{{type == '5'}}">
  <view class="rankList" wx:for="{{searchList}}" wx:key="index" bindtap="goMusic" data-musicid='{{item.music_id}}'>
    <view class="userImgDiv" style="border-radius:8rpx">
      <image src="{{item.music_img}}" mode="widthFix"></image>
    </view>
    <view class="userInfo">
      <view class="userName">{{item.music}}</view>
      <view class="other">
        <view>作品数<text>{{item.photo_count}}</text></view>
        <view>作品增量<text>{{item.photo_count_incr}}</text></view>
      </view>
    </view>
  </view>
</view>
<!-- 搜商圈 -->
<view class="rankListDiv" wx:if="{{type == '6'}}">
  <view class="rankList" wx:for="{{searchList}}" wx:key="index" data-id="{{item.poi_id}}" bindtap="toBussiness">
    <view class="userImgDiv" style="border-radius:8rpx">
      <image src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/location.png" mode="widthFix"></image>
    </view>
    <view class="userInfo">
      <view class="userName">{{item.title}}</view>
      <view class="other">
        <view>来过人数<text>{{item.heat}}</text></view>
        <view>人数增量<text>{{item.heat_incr}}</text></view>
      </view>
    </view>
  </view>
</view>
  <!-- 搜索结果 -->
  <view class="searchResult" wx:if="{{searchKeyword!='' && pages !=-1 && searchList.length==0&&!hasAuno}}">
    <image class="img" src="https://kx-bigdata.oss-cn-beijing.aliyuncs.com/Applet/dataLoadingImg.png"/>
    <view class="result1">搜索结果为空</view>
    <view class="result2">没有搜索到相关内容</view>
  </view>
  <nopermission wx:if="{{hasAuno&&!searchKeyword==''&&pages!=-1}}"></nopermission>
</view>
<image wx:if="{{scrollTop>=1000}}" bindtap="goScrolltop" class="goTop" src="https://kx-gw.oss-cn-beijing.aliyuncs.com/goTop_icon.png"/>