app/pages/home/index/searchTwo/searchTwo.wxml

<import src="../template/volunteer-template/volunteer-template.wxml" />
<view class="main">
	<view style="position: sticky;top: 0;background-color: #F8F8F8;z-index: 100;">
		<view class='serach-container'>
		  <view class='list-search-box'>
		    <icon type="search" size="15" bindtap='search' />
		    <input placeholder="输入搜索内容" bindblur='search' bindconfirm="search" bindinput="keywordInput" value="{{keyword}}" />
		  </view>
		</view>
		<view class="namewrap">
			<view class="item-box">
				<view class="nameitem {{typeListIndex == index ? 'nameactive' : ''}}" wx:for="{{typeList}}" bindtap="switchType" data-index="{{index}}">
					<image mode="widthFix" src="{{appAssetsUrl}}/images/active_line.png" style="width: 55rpx;position: absolute;top: 50rpx;left: 50%;transform: translateX(-50%);display: {{typeListIndex == index?'block':'none'}};"></image>
					{{item.name}}
				</view>
			</view>
		</view>
	</view>
	<scroll-view scroll-y wx:if="{{listData.length>0 && typeListIndex==0}}">
		<view class="categoryitem" data-id="{{item.id}}" wx:for="{{listData}}"
			bindtap="partDetail">
			<view class="catetop">
				<text class="titlex">{{item.title}}</text>
				<view class="price">
					<text class="p1">￥</text>
					<text class="p2">{{item.price}}</text>
					<text class="p1">/{{item.unitName}}</text>
				</view>
			</view>
			<text wx:for="{{[item.categoryName,item.typeName,item.sexlimitName]}}" wx:for-item="item2">
				<text class="label">{{item2}}</text>
				<text class="label" wx:if="{{index<2}}">|</text>
			</text>
			<view>
				<button class="label2" wx:for="{{item.tags}}">{{item.workTagName}}</button>
			</view>
			<view class="catebottom">
				<i class="iconfont icon-dizhi icon-home-dizhi"></i>
				<view class="address">{{item.address}}</view>
				<view class="sub-btn-box">
					<button class="sub-btn {{item.statusName=='预定中'?'green':''}}">{{item.statusName}}</button>
				</view>
			</view>
		</view>
	</scroll-view>
	<scroll-view wx:if="{{listData.length>0 && typeListIndex==1}}" scroll-y>
		<view class='boxm boxmfix' data-id="{{item.id}}" bindtap='activeDetail' wx:for="{{listData}}"
			wx:key="item">
			<view class="rel img-view">
				<image src='{{item.thumbnailImg===null?noBgImg:item.thumbnailImg}}' lazy-load='true'
					mode="aspectFill"></image>
				<view class="status {{item.statusName === '报名中' ? 'activestatus' : 'nostatus'}}">
					{{item.statusName}}</view>
			</view>
			<view class="txt-con txt-con-fix">
				<view class="title">{{item.title}}</view>
				<view class="item">
					<image mode="widthFix" src="{{appAssetsUrl}}/images/date-icon.png" style="width: 28rpx;" />
					<text>时间：{{item.startTime}} 至 {{item.endTime}}</text>
				</view>
				<view class="item">
					<image mode="widthFix" src="{{appAssetsUrl}}/images/location-icon.png" />
					<text>{{item.address}}</text>
				</view>
				<view class="item">
					<image mode="widthFix" src="{{appAssetsUrl}}/images/persons-icon.png" style="height: 14rpx;width: 28rpx;" />
					<text>名额：</text>
					<text class="red">{{item.willnum}}人</text>
				</view>
			</view>
		</view>
	</scroll-view>
</view>
<block wx:if="{{listData.length<=0}}">
	<view class='tc h100'>
		<image src="{{nodata}}" class='nodata-img'></image>
	</view>
</block>