app/pages/practicalExperience/practicalExperience.wxml

<view class="main">
	<view style="height:{{statusBarHeight}}">
		
	</view>
	<view class="top-act" style="height:{{statusBarHeight}};top:{{staHeight}};">	
		<view class="act-title">潮兼职</view> 
	</view>
	<view class="sticky-box">
		<view class="namewrap">
			<scroll-view scroll-x scroll-with-animation scroll-left="{{navScrollWidth}}" class="item-box">
				<view class="nameitem {{nameIndex == index ? 'nameactive' : ''}}" wx:for="{{nameList}}"
					bindtap="nameHandler" data-index="{{index}}">
					<!-- <image mode="widthFix" src="{{appAssetsUrl}}/images/active_line.png"
						style="width: 55rpx;position: absolute;top: 50rpx;left: calc(50% + 10rpx);transform: translateX(-50%);display: {{nameIndex == index?'block':'none'}};">
					</image> -->
					{{item.itemname}}
					<view style="display: {{nameIndex == index?'block':'none'}};" class="item-line"></view>
				</view>
			</scroll-view>
			<!-- <view class='filter' bindtap="showFilter">
				筛选
				<view class="triangle"></view>
			</view> -->
		</view>
	</view>
	<!-- <view style="height:103rpx;"></view> -->
	<view class="downMenu" style="top:{{shaiHeight}};">
		<view class="section">
			<picker bindchange="timePickerChange" value="{{timeListIndex}}" range="{{timeList}}" range-key='name'>
				<view class="picker">
					<text style="color:#1a1a1a;font-size: 28rpx;">{{timeList[timeListIndex].name}}</text>
					<i class="iconfont1 icon-xiajiantou gray"></i>
				</view>
			</picker>
		</view>
		<view style="margin-left:100rpx;" class="section">
			<picker bindchange="statusPickerChange" value="{{statusListIndex}}" range="{{statusList}}"
				range-key='itemname'>
				<view class="picker">
					<text style="color:#1a1a1a;font-size: 28rpx;">{{statusList[statusListIndex].itemname}}</text>
					<i class="iconfont1 icon-xiajiantou gray"></i>
				</view>
			</picker>
		</view>
	</view>
	<!-- <view style="height:97px;"></view> -->
	<!-- margin-top:107px; -->
	<view class="content"  style="margin-top:{{conTop}}">
		
		<scroll-view scroll-y>
			<view wx:if="{{listData.length>0}}" 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 class="paging" wx:if="{{listData.length>0}}">
				<button class="previous-page page-btn" bindtap="onPreviousPage">上一页</button>
				<view class="page-num">{{params.pageNum}} / {{total.totalPage}}</view>
				<button class="next-page  page-btn" bindtap="onNextPage">下一页</button>
				
			</view>
			
			<block wx:if="{{listData.length<=0}}">
				<view class='tc h100'>
					<image src="{{nodata}}" class='nodata-img'></image>
				</view>
			</block>
		</scroll-view>
	</view>
	<page-container show="{{showFilterBox}}" round="true" position="right" bind:clickoverlay="clickMask"
		custom-style="width:85%;margin-left:15%">
		<view class="filter-box">
			<view class="title-box">
				<image bindtap="showFilter" class="close" mode="widthFix" src="{{appAssetsUrl}}/images/close.png">
				</image>
				筛选条件
			</view>
			<view class="tips">
				<text class="red">*</text>
				<text>根据选择为您更精准的推荐兼职</text>
			</view>
			<scroll-view scroll-y class="class-box">
				<view wx:for="{{filterList}}" wx:for-index="index" wx:for-item="item">
					<view class="class-title">{{item.name}}</view>
					<view bindtap="setChecked" data-index="{{index}}" data-index2="{{index2}}"
						class="class-label {{item2.checked?'active':''}}" wx:for="{{item.list}}" wx:for-index="index2"
						wx:for-item="item2">
						{{item2.itemname}}
					</view>
				</view>
			</scroll-view>
			<view class="bottom-box">
				<button class="left-btn" bindtap="clearFilterBox">清除</button>
				<button class="right-btn" bindtap="filter">确定</button>
			</view>
		</view>
	</page-container>
	<!-- <button class="custCare" open-type="contact" session-from="sessionFrom">
		<image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
	</button> -->
</view>