app/pages/home/index/index.wxml

<import src="template/volunteer-template/volunteer-template.wxml" />
<import src="template/growth-template/growth-template.wxml" />
<view class="home">
  <view style="width:100%;height:{{statusBarHeight}}"></view>
  <view class="diy-top" style="height:{{statusBarHeight}}">
    <image mode="widthFix" src="{{appAssetsUrl2+'wjxy/homelogo.png'}}" class="logo" style="line-height:{{statusBarHeight - 26}}" />
    <view class="right-word">
      <view class="box">
        <text class="left" style="margin-left: 0;">无界生长</text>
        <text class="center">|</text>
        <text class="right">同城100000+</text>
      </view>
      <view class="word2">有趣上进青年聚集地</view>
    </view>

  </view>
  <view class='index-wrap'>
    <view class="index-wrap-box">
      <view class="index-container">
        <view class='list-search'>
          <view class='temp'>
            <form class='container' report-submit='true' bindsubmit=''>
              <view class='white-spaceone'>
                <image src="{{appAssetsUrl2+'wjxy/ad.png'}}" lazy-load="true" class='location urlTop'>
                </image>
                <!-- bindcolumnchange="cityPickerColumnChange" -->
                <picker mode="selector" bindchange="cityPickerChange" value="{{cityListIndex}}" range="{{cityListPickerData}}" range-key="name" style="display: inline-block;height: 30rpx;line-height: 10rpx;color: white;">
                  <view class="picker">
                    <text wx:if="{{cityListPickerData.length>0}}" form-type='submit' class='side'>
                      {{currentCity.cityName}}
                      <!-- {{cityListPickerData[0][cityListIndex[0]].name}} · {{cityListPickerData[1][cityListIndex[1]].name}} -->
                    </text>
                    <text wx:else form-type='submit' class='side' style="color: white;">
                      未知
                    </text>
                  </view>
                </picker>
                <i class="iconfont1 icon-xiajiantou down-icon"></i>
              </view>
            </form>
          </view>
          <view class='list-search-box' bindtap="onBindFocus">
						<icon type="search" color="#cccccc" size="18" class='list-iconfont' />
						<input placeholder="输入搜索内容" disabled="{{true}}" />
					</view>
        </view>
      </view>
    </view>
    <view class="home-top-bg">

      <swiper autoplay="{{true}}" current="{{current}}" bindchange="changeSwiper" interval="{{2000}}" duration="{{500}}" class="bg">
        <block wx:for="{{imglist}}" wx:key="*this">
          <swiper-item>
            <image class="lun-img" mode="scaleToFill" data-item="{{item}}" bindtap='imgJump' src="{{item.picture}}"></image>
          </swiper-item>
        </block>
      </swiper>
      <view class="slide-box">
        <view wx:for="{{imglist}}" class="{{ current == index ? 'slide-active' : 'slide-item'}}"></view>
        <!-- <view wx:for="{{imglist}}" class="ddd">{{ index }}</view> -->
      </view>
    </view>
    <view class="bottom-type">
      <!-- class="box" -->
      <view class="box {{'bot-box'+index}}" bindtap="experience" wx:for="{{classList}}" data-index="{{index}}">
        <image class="{{'type-img'+index}}" src="{{item.image}}"></image>
        <view class="text">{{item.name}}</view>
      </view>
    </view>
    <!-- 列表集合 -->
    <!-- 		<view class="namewrap">
			<view class="nameitem {{nameIndex == index ? 'nameactive' : ''}}" wx:for="{{nameList}}"
				bindtap="nameHandler" data-index="{{index}}">
				<image wx:if="{{index==0}}" mode="widthFix" src="{{appAssetsUrl}}/images/goods.png"
					style="width: 25rpx;height:25rpx;margin-right: -7rpx;"></image>
				<image wx:if="{{index==1}}" mode="widthFix" src="{{appAssetsUrl}}/images/new.png"
					style="width: 20rpx;height:25rpx;"></image>
				<image wx:if="{{index==2}}" mode="widthFix" src="{{appAssetsUrl}}/images/hot.png"
					style="width: 20rpx;height:25rpx;"></image>
				<image mode="widthFix" src="{{appAssetsUrl}}/images/active_line.png"
					style="width: 55rpx;height: 13rpx;position: absolute;bottom: -15rpx;left: calc(50% + 10rpx);transform: translateX(-50%);display: {{nameIndex == index?'unset':'none'}}">
				</image>
				{{item.name}}
			</view>
			<view class='activity-more activeity-fix' bindtap="moreHandler">
				<text class='activity-moretxt'>更多</text>
				<i class="iconfont icon-jiantou righticon"></i>
			</view>
		</view> -->
    <!-- 热门活动 -->
    <!-- wx:if="{{listData.length==0}}" -->
    <view class="hot-wap-box" wx:if="{{activeList.length > 0}}">
      <view class="hot-title" style="margin-top:0;">
        <view class="line"></view>
        <view class="title">热门活动</view>
        <view class="mword" data-url="/pages/experience/index/index" data-type="tab" bindtap="more"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></view>
      </view>
      <scroll-view scroll-x>
        <view class="hot-box">
          <view class="hot-item" data-id="{{item.id}}" bindtap='activeDetail' wx:for="{{activeList}}" wx:key="item">
            <image mode="aspectFill" src="{{item.thumbnailImg ? item.thumbnailImg : appAssetsUrl2+'wjxy/activebg.png'}}" class='hot-img'></image>
            <view class="status {{item.statusName === '进行中' ? 'activestatus' : item.statusName === '报名中' ? 'baostatus' : item.statusName === '已结束' ? 'endstatus' : item.statusName === '已报满' ? 'mstatus' : 'nostatus'}}">
              {{item.statusName}}</view>
            <view id="hot-right" class="txt-con">
				<view>
              <view class="name">{{item.title}}</view>
             <view class="time-box">
				<view class="icon-box"><i class="iconfont1 icon-rili icon-home-time"></i></view>
                <span>{{item.startTime}}-{{item.endTime}}</span>
              </view>
              <view class="address-h-box">
                <view class="address">
					<view class="icon-box">
						<i class="iconfont1 icon-dizhi icon-home-dizhi-a"></i>
					</view>
                  <view class="address-word">{{item.address}}</view>
                </view>
              </view>
              <view class="ming-box">
                <view class="per-box" wx:if="{{item.willnum}}">
					<view class="icon-box">
						<i class="iconfont1 icon-quanxiaozongrenshu icon-home-pel"></i>
					</view>
                  
                  <span>名额: {{item.willnum}}</span>
                </view>
               
              </view>

				</view>
				<view class="price-h">
				  <text class="p1">￥</text>
				  <text class="p2">{{item.money}}</text>
				  <!-- <text class="p1">{{'元'}}</text> -->
				</view>
            </view>

          </view>
        </view>
      </scroll-view>
    </view>
    <!-- 最新兼职 -->
    <view class="jianzhi-box" wx:if="{{jobList.length > 0}}">
      <view class="hot-title" style="margin-top:0;">
        <view class="line"></view>
        <view class="title">最新工作</view>
        <view class="mword" data-url="/pages/practicalExperience/practicalExperience" data-type="tab" bindtap="more"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></view>
      </view>
      <view class="jianzhi-item" bindtap="toPartDetail" data-id="{{item.id}}" wx:for="{{jobList}}">
        <!-- <view style="border-bottom: 1px solid #E6E6E6;padding-bottom:12rpx;"> -->
          <view class="name-price">
            <!-- item.title -->
            <view class="name jian-name">{{item.title}}</view>
            <view class="price">
              <text class="p1">￥</text>
              <text class="p2">{{item.price}}</text>
              <text class="p1">/{{item.unitName}}</text>
            </view>
          </view>
          <view class="address-bao">
            <view class="address">
              <i class="iconfont1 icon-dizhi icon-home-dizhi icon-address"></i>
              <!-- item.address -->
              <view class="address-word">{{item.address}}</view>
            </view>
            <view class="yu {{item.statusName=='预定中'?'green2':''}}">{{item.statusName}}</view>
          </view>
        <!-- </view> -->
      </view>
    </view>
   
    <!-- 推荐行家 -->
    <view class="hang-box" wx:if="{{expertList.length > 0}}">
      <view class="hot-title" style="margin-top:0;">
        <view class="line"></view>
        <view class="title">推荐行家</view>
        <view class="mword" data-url="/pages/dashen/index" data-type="tab" bindtap="more"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></view>
      </view>
      <view class='hang-item' wx:for="{{expertList}}" data-id="{{item.id}}" bindtap="toExpertDetail">
        <view class="info-box">
          <image mode="aspectFill" src="{{item.expertPhoto}}" class='per-img'></image>
          <view class="right-box">
            <view>
              <view class="hang-item-name">{{item.name}}</view>
              <view class="hang-item-zhi">{{item.jobTitle}}</view>
            </view>
            <view class="hang-item-address">
              <i class="iconfont1 icon-dizhi icon-home-dizhi"></i>
              <view class="address-word">{{item.provinceStr}}·{{item.cityStr}}</view>
            </view>
          </view>
        </view>
        <view class="label" wx:if="{{item.topicList.length > 0}}" wx:for="{{item.topicList}}" wx:for-item="item2" wx:key="{{index}}"><text class="jh" style="color:#999999;">#</text>{{item2}}</view>
        <view class="hang-item-type-box">
          <view class="item" wx:if="{{item.goodLabelsStr.length > 0}}" wx:for="{{item.goodLabelsStr}}" wx:for-item="item3" wx:key="{{index}}">{{item3}}</view>
        </view>
        <view class="jiao-box">
          <view class="num-box">请教：<text class="pers">{{item.consultNumber}}</text>人</view>
          <view class="price" wx:if="{{item.topicPrice}}" style="margin-top:0;">
            <text class="p1">￥</text>
            <text class="p2">{{item.topicPrice}}</text>
            <text class="p1">{{'元'}}</text>
          </view>
        </view>
      </view>
    </view>
	<!-- 校园代理人 -->
	<view class="school-box" wx:if="{{perList.length > 0}}">
	  <view class="hot-title" style="margin-top:0;">
	    <view class="line"></view>
	    <view class="title">社区主理人</view>
	    <view class="mword" data-url="/expert/schoolagent/schoolagent" data-type="" bindtap="more"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></view>
	  </view>
	  <scroll-view scroll-x>
	    <view class="school-wap">
	      <view class="school-item" data-id="{{item.id}}" bindtap="perDetail" wx:for="{{perList}}">
	        <image mode="aspectFill" src="{{item.agentPhoto}}" class='school-img'></image>
	        <view class="school-b">
	          <view class="name">{{item.showName}}</view>
	          <view class="zhi">{{item.rankName}}</view>
	          <!-- <view class="zhi">{{'范德萨范德萨十点多复方丹参发的是第三方撒打发是防守打法'}}</view> -->
	        </view>
	      </view>
	    </view>
	
	  </scroll-view>
	</view>
    <!-- 门店推荐 -->
    <view class="shop-box" wx:if="{{shopObj.id != null}}">
      <view class="hot-title" style="margin-top:0;">
        <view class="title">城市线下运营中心</view>
      </view>
      <view class="shop-item" bindtap="goStore">
        <image src="{{shopObj.storePhoto}}" mode="scaleToFill" class='shop-img'></image>
        <view class="shop-name">{{shopObj.name}}</view>
        <view class="shop-address">
          <i class="iconfont1 icon-dizhi icon-home-dizhi"></i>
          <view class="address-word">{{shopObj.address}}<text class="juli" wx:if="{{shopObj.calculateNew > 0}}">距离：{{ shopObj.calculateNew }}KM</text></view>
        </view>
        <view class="ju-box">
          <view class="ju-word">{{shopObj.locationDescription}}</view>
          <view class="icons">
            <image src="{{appAssetsUrl2+'wjxy/dingwei.png'}}" catchtap="goLocal" class='dingwei-img'></image>
            <!-- <i class="iconfont icon-dingwei icon-daohang"></i> -->
            <i class="iconfont1 icon-dianhuatianchong icon-phone" catchtap="callPhone" style="margin-left:20rpx;"></i>
          </view>
        </view>
      </view>
    </view>
    <view style="height:21rpx;"></view>
  </view>
  <!-- 弹窗 -->
  <view class="popup-box" wx:if="{{maskShow}}">
    <view class="popup-wap">
      <image src="{{appAssetsUrl2+'wjxy/close.png'}}" class='popup-close' bindtap="closePopup"></image>
      <image bindtap="popupDetail" src="{{popupImg}}" class='popup-img'></image>
    </view>
  </view>
</view>