bml_travel_applets/pages/index/search/search.wxml

<view class="container">
  <view class="nav">
    <view class="search">
      <view class="search-box">
        <view class="search-icon">
          <image src="../../../images/search.png"></image>
        </view>
        <view class="search-input">
          <input type="text" placeholder="搜索你喜欢的活动" placeholder-class="defalt-style" model:value="{{texts}}"/>
        </view>
      </view>
      <view class="search-word">搜索</view>
    </view>
  </view>
  <view hidden="{{noword}}">
    <view class="search-title">
      搜索历史<text>清除记录</text>
    </view>
    <view class="history">
      <block wx:for="{{historyList}}" wx:key='historyList'>
        <text>{{item}}</text>
      </block>
    </view>
    <view class="search-title">
      热门搜索
    </view>
    <view class="history">
      <block wx:for="{{historyList}}" wx:key='historyList'>
        <text>{{item}}</text>
      </block>
    </view>
  </view>
  <view class="yesword" hidden="{{yesword}}">
    <view class="search-title">
      俱乐部
    </view>
    <view class="noresult" style="border-bottom: 6rpx solid #F1F1F1;">
      <image wx:if="{{clubList.length==0}}" src='../../../images/nores.png' class="noimg"></image>
      <text wx:if="{{clubList.length==0}}" class="noforword">没有找到{{searchOne!=''?'“'+searchOne+'“':''}}相关俱乐部</text>
    </view>
    <view class="noresult">
      <view class="club-list"  wx:if="{{clubList.length!=0}}">
        <block wx:for="{{clubList}}" wx:key="club">
          <view class="club">
            <view class="club-left">
              <image src="{{item.img}}"></image>
            </view>
            <view class="club-right">
              <view class="right-title">{{item.title}}
                <image src="../../../images/person.png" wx:if="{{item.user==1}}"></image>
                <image src="../../../images/comp.png" wx:elif="{{item.user==2}}"></image>
                <image src="../../../images/nouser.png" wx:else></image>
              </view>
              <view class="right-intro">{{item.intro}}</view>
              <view class="right-num">{{item.num}}个活动正在报名中</view>
            </view>
          </view>
        </block>
        <view class="more" bindtap="toclub">
          <view class='more-left'></view>
          <view class="more-word">查看更多</view>
          <view class="more-right"></view>
        </view>
      </view>
    </view>
  </view>
  <view class="yesword" hidden="{{yesword}}">
    <view class="search-title">
      活动
    </view>
    <view class="noresult"  wx:if="{{fourImages.length==0}}">
      <image src='../../../images/nores.png' class="noimg"></image>
      <text class="noforword">没有找到{{searchOne!=''?'“'+searchOne+'“':''}}相关活动</text>
    </view>
    <view class="noresult">
      <view class="club-list"  wx:if="{{fourImages.length!=0}}">
      <block wx:for="{{fourImages}}" wx:key='four'>
          <view class="four-list">
            <image src='{{item.img}}' mode='aspectFill' class="bigimg"></image>
            <view class="four-word">
              <view class="four-title">{{item.title}}</view>
              <view class="four-log">
                <text>{{item.time}}{{item.week}}</text>
                <text>|</text>
                <text>{{item.day}}天</text>
                <text>|</text>
                <text>{{item.lacation}}</text>
              </view>
              <view class="four-name">{{item.name}}
                <image src="/images/person.png" wx:if="{{item.user==1}}"></image>
                <image src="/images/comp.png" wx:elif="{{item.user==2}}"></image>
                <image src="/images/nouser.png" wx:else></image>
              </view>
              <view class="four-bottom">
                <view>{{item.person}}人已参加</view>
                <view class="price"><text>￥</text>{{item.low}}~{{item.high}}</view>
              </view>
            </view>
          </view>
        </block>
        <view class="more" bindtap="toactive">
          <view class='more-left'></view>
          <view class="more-word">查看更多</view>
          <view class="more-right"></view>
        </view>
      </view>
    </view>
  </view>
  <view class="wonderful"  wx:if="{{fourImages.length!=0}}">
    <view class="wonder-name">
      <view class="wonderful-title">
        <view class="names">猜你喜欢</view>
        <image src="/images/youlike.png"></image>
      </view>
    </view>
    <view class="youlike-view">
      <block wx:for="{{fourImages}}" wx:key='four'>
          <view class="four-list">
            <image src='{{item.img}}' mode='aspectFill' class="bigimg"></image>
            <view class="four-word">
              <view class="four-title">{{item.title}}</view>
              <view class="four-log">
                <text>{{item.time}}{{item.week}}</text>
                <text>|</text>
                <text>{{item.day}}天</text>
                <text>|</text>
                <text>{{item.lacation}}</text>
              </view>
              <view class="four-name">{{item.name}}
                <image src="/images/person.png" wx:if="{{item.user==1}}"></image>
                <image src="/images/comp.png" wx:elif="{{item.user==2}}"></image>
                <image src="/images/nouser.png" wx:else></image>
              </view>
              <view class="four-bottom">
                {{item.person}}人已参加
                <text><text>￥</text>{{item.low}}~{{item.high}}</text>
              </view>
            </view>
          </view>
        </block>
      </view>
      <view class="more">
          <view class='more-left'></view>
          <view class="more-word">查看更多</view>
          <view class="more-right"></view>
        </view>
  </view>
</view>