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>
                  <text class="p1">￥</text>
                  <text class="p2">{{item.money}}</text>
                </text>
                <text class="isvip" wx:if="{{item.isNeedVip == 1}}">VIP会员免费</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>