dorm-manager/dorm-manager-wx/pages/handle/search/search.wxml

<view class='top'>
  <view class='page_row' bindtap="suo">  
    <view class="search">  
      <view class="df search_arr">  
        <image class='search-icon' src='../../../images/search.png'></image>
        <input class="" focus bindblur='blur' bindinput='inText' placeholder-style='placText' placeholder="请输入事项名称" value="{{data.serviceName}}"/> 
        <button wx:if='{{!setting}}' catchtap='mask'>
          <image class='record' src='../../../images/record.png'></image>
        </button>
        <button wx:if='{{setting}}' bindtap="openSetting">
          <image catchtap='mask' class='record' src='../../../images/record.png'></image>
        </button>
      </view>  
    </view>  
  </view>
</view>
<!-- 如果执行搜索就隐藏 -->
<block wx:if='{{!data}}'>
  <view class='object'>
    <view class='object-title'>热门搜索</view>
    <view class='object-content'>
      <block wx:for='{{hotService}}' wx:key="{{item.serviceUnid}}">
        <view bindtap='nav' data-unid='{{item.serviceUnid}}'>{{item.serviceName}}</view>
      </block>
    </view>
  </view>
  <view class='object'>
    <view class='object-title-search'>
      <view>近期搜索</view>
      <view style="padding:20rpx;" bindtap="clearData">清除历史</view>
    </view>
    <view class='object-content'>
      <block wx:for='{{search}}' wx:key='{{item}}'>
        <view catchtap='blur' data-keys='{{item}}'>{{item}}</view>
      </block>
    </view>
  </view>
</block>
<!-- 搜索结果展示 -->
<block wx:if='{{data}}'>
  <view class='search-content'>
    <block wx:for='{{data.preServiceList}}' wx:key='{{item.unid}}'>
      <view class='search-content-line' catchtap='nav' data-unid='{{item.unid}}'>
        <text>{{item.serviceName}}</text>
        <image src='../../../images/right.png'></image>
      </view>
    </block>
  </view>
</block>
<view wx:if='{{data.preServiceList.length==0||data.preServiceList==""}}' class='noList'>
  <image src='../../../images/list_null.png'></image>
  <view>暂无数据</view>
</view>
<!-- 遮罩层 -->
<view class='mask' wx:if='{{mask}}'>
  <view catchtap='clear' class='allMask'></view>
  <view class="myRecode">
    <view class="recode" catchtouchstart='recodeClick' catchtouchend='recodeEnd'>
      <image style="width:200rpx;height:200rpx;" src="../../../images/listen.png"></image>
      <view class="ripple"></view>
      <view class="ripple {{animationStatus?'rippleAnimation1':''}}"></view>
      <view class="ripple {{animationStatus?'rippleAnimation2':''}}"></view>
      <view class="ripple {{animationStatus?'rippleAnimation3':''}}"></view>
    </view>
  </view>
</view>
<!-- <button open-type="openSetting" bindopensetting="callback">打开设置页</button> -->