app/pages/experience/index/index.wxml

<!-- <scroll-view scroll-x class="scroll-header scroll">
	<view class='boxs'>
		<image mode="widthFix" class='box-image-l' src='{{appAssetsUrl2}}wjxy/activebg.png' class='h100'></image>
	</view>
</scroll-view> -->
<view class="pageContent pageContentfix">
	<view style="height:{{statusBarHeight}}">
		
	</view>
	<view class="top-act" style="height:{{statusBarHeight}};top:{{staHeight}};padding-right:{{jwidth}};">
		
		<view class="act-title">最会玩</view> 
		<view class="section">
			<picker mode="multiSelector" bindchange="cityPickerChange" value="{{cityListIndex}}" range="{{cityListPickerData}}" range-key='name'>
				<view class="picker" style="align-items: flex-end;">
					<text wx:if="{{cityListPickerData.length==0}}">全部</text>
					<view class="di-box" style="align-items: center;" wx:if="{{cityListPickerData.length>0}}">
					<i style="margin-top:10rpx;margin-right:6rpx;" class="iconfont icon-dizhi icon-home-dizhi"></i>
					{{cityListPickerData[0][cityListIndex[0]].name}} 
					<i class="iconfont icon-xiasanjiaoxing gray"></i>
					</view>
					<!-- <i class="iconfont icon-xiasanjiaoxing gray"></i> -->
				</view>
			</picker>
		</view>
	</view>
	<view class="sticky-box" style="position:fixed;z-index:100;top:{{statusBarHeight}};">
		<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}}">
					{{item.itemname}}
					<view style="display: {{nameIndex == index?'block':'none'}};" class="item-line"></view>
				</view>
			</scroll-view>
		</view>
	</view>
	<view class='downMenu' style="top:{{shaiHeight}};">
		
		<view class="section">
			<picker bindchange="timePickerChange" value="{{timeListIndex}}" range="{{timeList}}" range-key='name'>
				<view class="picker">
					<text class="picker-text">{{timeList[timeListIndex].name}}</text>
					<i class="iconfont icon-xiasanjiaoxing gray"></i>
				</view>
			</picker>
		</view>
		<view class="section" style="margin-left:98rpx;">
			<picker bindchange="statusPickerChange" value="{{statusListIndex}}" range="{{statusList}}"
				range-key='itemname'>
				<view class="picker">
					<text class="picker-text">{{statusList[statusListIndex].itemname}}</text>
					<i class="iconfont icon-xiasanjiaoxing gray"></i>
				</view>
			</picker>
		</view>
		<!-- <view class="section">
			<picker mode="multiSelector" bindchange="cityPickerChange" value="{{cityListIndex}}" range="{{cityListPickerData}}" range-key='name'>
				<view class="picker">
					<text wx:if="{{cityListPickerData.length==0}}">全部</text>
					<view class="di-box" wx:if="{{cityListPickerData.length>0}}">
					<i style="margin-top:10rpx;margin-right:6rpx;" class="iconfont icon-dizhi icon-home-dizhi"></i>
					{{cityListPickerData[0][cityListIndex[0]].name}} 
					</view>
					<i class="iconfont icon-xiasanjiaoxing gray"></i>
				</view>
			</picker>
		</view> -->
	</view>
	<view style="margin-top:{{conTop}}" class="pagebodys">
		<view class='marginTop'>
			<view wx:if="{{listData.length>0}}">
				<scroll-view scroll-y>
					<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>
				</scroll-view>
			</view>
			<block wx:if="{{listData.length<=0}}">
				<view class='tc h100'>
					<image src="{{nodata}}" class='nodata-img'></image>
				</view>
			</block>
		</view>
	</view>
	<!-- <button class="custCare" open-type="contact" session-from="sessionFrom">
		<image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
	</button> -->
</view>