app/pages/experience/index/index.wxml

<view class="pageContent pageContentfix">
  <view class="sticky-box" style="position:fixed;z-index:100;">
    <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 style="margin-top:{{conTop}}" class="pagebodys">
    <view class='downMenu'>
      <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>
    <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 class="status" wx:if="{{item.statusName === '报名中'}}"
                style="background-image: url('/assets/images/home/icon_5.png');">
                {{item.statusName}}
              </view>
              <view class="status"
                wx:if="{{item.statusName === '进行中'||item.statusName === '已报满'||item.statusName === '未进行'}}"
                style="background-image: url('/assets/images/home/icon_6.png');">
                {{item.statusName}}
              </view>
              <view class="status" wx:if="{{item.statusName === '已结束'}}"
                style="background-image: url('/assets/images/home/icon_7.png');">
                {{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">
                <view class="price-h-l" wx:if="{{item.isNeedVip == 1}}">
                  <text class="isvip">会员免费</text>
                </view>
                <view wx:else></view>
                <text>
                  <text class="p1">￥</text>
                  <text class="p2">{{item.money}}</text>
                </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>