app/pages/search/index.wxml

<!--pages/search/index.wxml-->
<view class="search-box">
  <view class="top">
    <view class="top-search">
      <view class='list-search-box' bindtap="onBindFocus">
        <icon type="search" color="#cccccc" size="18" class='list-iconfont' />
        <input value="{{params.keyword}}" placeholder="输入搜索内容" bindinput="bindKeyInput" />
      </view>
      <view class="close" bindtap="closeSearch">取消</view>
    </view>
    <view class="tabs">
      <view class="tab {{ current == index ? 'activateTab' : ''}}" wx:for="{{tabsList}}" data-index="{{index}}" bindtap="tabChange">{{item.label}}</view>
    </view>
  </view>
  <view class="fixed-box"></view>
  <view class="content">
    <scroll-view scroll-y>
      <view wx:if="{{current == 0}}">
        <view style="{{ index == 0 ? 'padding-top:0;' : '' }}" class="categoryitem" data-id="{{item.id}}" wx:for="{{listData}}" wx:key="item" bindtap="toPartDetail">
          <view class="img-sex">
            <!-- {{appAssetsUrl2}}wjxy/mine/vip-icon.png /images/wjxy/boy.png -->
            <image src="{{ item.sexlimit == '01' ? appAssetsUrl2 + 'wjxy/boy.png' : item.sexlimit == '02' ? appAssetsUrl2+'wjxy/girl.png' : appAssetsUrl2+'wjxy/boy_girl.png' }}" class="{{ item.sexlimit == '01' ? 'per-img1' : item.sexlimit == '02' ? 'per-img2' : 'per-img3' }}"></image>
          </view>
          <view class="right-box">
            <view class="catetop">
              <text class="titlex">{{item.title}}</text>

            </view>
            <view class="catebottom">
              <view class="bot-left">
                <view class="bot-left-type">{{ item.typeName }}</view>
                <view class="bot-time">
                  <i class="iconfont1 icon-31shijian time-icon"></i>
                  <view class="time-box">{{item.workdateStart + '-' + item.workdateEnd}}</view>
                </view>
                <view style="margin-top:10rpx;">
                  <i class="iconfont icon-dizhi icon-home-dizhi"></i>
                  <view class="address">{{item.address}}</view>
                </view>

              </view>

            </view>
            <view class="type-sex">
              <view class="type-box-sex">
                <view class="type">{{ item.categoryName }}</view>
                <view class="sex" wx:if="{{ item.sexlimitName }}">{{ item.sexlimitName }}</view>
              </view>
              <view class="bot-right">
                <view class="price">
                  <text class="p1">￥</text>
                  <text class="p2">{{item.price}}</text>
                  <text class="p1">/{{item.unitName}}</text>
                </view>
                <view class="sub-btn {{item.statusName=='预定中'?'green':''}}">{{item.statusName}}</view>
              </view>
              <!-- <view class="sub-btn {{item.statusName=='预定中'?'green':''}}">{{item.statusName}}</view> -->
            </view>
          </view>

        </view>
      </view>

      <view wx:if="{{current == 1}}">
        <view class='boxm boxmfix' data-id="{{item.id}}" bindtap='activeDetail' wx:for="{{listData}}" wx:key="item">
          <view class="rel img-view">
            <image mode="aspectFill" src="{{item.thumbnailImg}}" lazy-load='true'></image>
            <view class="status {{item.statusName === '进行中' ? 'activestatus' : item.statusName === '报名中' ? 'baostatus' : item.statusName === '已结束' ? 'endstatus' : item.statusName === '已报满' ? 'mstatus' : 'nostatus'}}">
              {{item.statusName}}</view>
          </view>
          <view class="txt-con txt-con-fix">
            <view>
              <!-- item.title -->
              <view class="title">{{item.title}}</view>
              <view class="item">
                <view class="time-box">
                  <view class="icon-box"><i class="iconfont1 icon-rili icon-time"></i></view>
                  <span>时间: {{item.startTime}}—{{item.endTime}}</span>
                </view>
              </view>
              <view class="address-type">
                <view class="active-item-address">
                  <view class="icon-box"><i class="iconfont icon-dizhi icon-list-dizhi"></i></view>
                  <view class="address-word">地址: {{item.address}}</view>
                </view>
                <!-- <view class="active-type" wx:if="{{item.isNeedVip == 1}}">潮兼职免费</view> -->
              </view>
              <view class="num-price">
                <view class="num" style="color:#999999;">
                  <view class="icon-box"><i class="iconfont1 icon-quanxiaozongrenshu icon-pel"></i></view>
                  <span>名额: {{item.willnum}}</span>
                </view>
              </view>
            </view>
            <view style="margin-top:10rpx;" class="price-h">
              <text class="p1">￥</text>
              <text class="p2">{{item.money}}</text>
            </view>
          </view>
        </view>
      </view>
      <block wx:if="{{listData.length<=0}}">
        <view class='tc h100'>
          <image src="{{nodata}}" class='nodata-img'></image>
        </view>
      </block>
    </scroll-view>
  </view>
</view>