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}}" wx:key="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="margin-top:{{conTop}}">
		<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:40rpx;" 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">

		<scroll-view scroll-y>
			<view wx:if="{{listData.length>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-box">
								<view class="type-box-item bot-left-type">{{ item.typeName }}</view>
								<view class="type-box-item">{{ item.categoryName }}</view>
								<view class="type-box-item">{{ item.sexlimitName }}</view>
							</view>
							<view class="bot-time">
								<!-- <i class="iconfont1 icon-31shijian time-icon"></i> -->
								<image class="iconImg" mode="widthFix" style="position: relative;top: 4rpx;left: 2rpx;"
									src="/assets/images/online/icon_1.png"></image>
								<view class="time-box">时间：{{item.workdateStart + '-' + item.workdateEnd}}</view>
							</view>
							<view style="margin-top:10rpx;">
								<!-- <i class="iconfont1 icon-dizhi icon-home-dizhi"></i> -->
								<image class="iconImg" mode="widthFix" style="width: 30rpx;" src="/assets/images/online/icon_2.png">
								</image>
								<view class="address">地点：{{item.address}}</view>
							</view>
							<view style="margin-top:10rpx;">
								<!-- <i class="iconfont1 icon-dizhi"></i> -->
								<image class="iconImg" mode="widthFix" style="position: relative;top: -2rpx;margin-right: 2rpx;"
									src="/assets/images/online/icon_3.png"></image>
								<view class="address">名额：{{item.willnum}}</view>
							</view>
						</view>
					</view>
					<view class="type-sex">
						<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" wx:key="index">
					<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" wx:key="index2">
						{{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>