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="background: linear-gradient(180deg, #e2eaff 0%, #F7F8FA 100%);">
    <view style="width:100%;height:{{statusBarHeight}};"></view>
    <view class="diy-top" style="height:{{statusBarHeight}};padding-top:{{statusBarHeightTop}}">
      <view class="title">青雲慧</view>
      <view class="index-wrap-box">
        <view class="index-container">
          <view class='list-search'>
            <view class='temp'>
              <form class='temp-box' report-submit='true' bindsubmit=''>
                <view class='white-spaceone'>
                  <image src="{{appAssetsUrl2}}new/ad.png" lazy-load="true" class='location'></image>
                  <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}}</text>
                      <text wx:else form-type='submit' class='side' style="color: white;">未知</text>
                    </view>
                  </picker>
                  <image src="{{appAssetsUrl2}}new/xiala.png" mode="widthFix" class="xiala"></image>
                </view>
              </form>
            </view>
            <view class='list-search-box' bindtap="onBindFocus">
              <image src="{{appAssetsUrl2}}new/search-icon.png" mode="widthFix" class="search-icon"></image>
              <input placeholder="请输入关键字" disabled="{{true}}" />
            </view>
          </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="index">
          <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'}}" wx:key="index"></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}}" wx:key="index">
        <image class="{{'type-img'}}" src="{{item.image}}"></image>
        <view class="text">{{item.name}}</view>
      </view>
    </view>
  </view>
  <view class='index-wrap'>
    <!-- 列表集合 -->
    <!-- <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 class="label">热门活动</view>
        </view>
        <view class="mword" data-url="/pages/experience/index/index" bindtap="more">
          <span style="margin-right:20rpx;">查看更多</span>
          <i class="iconfont icon-jiantou righticon hoticon"></i>
        </view>
      </view>
      <scroll-view scroll-x class="scroll-view">
        <!-- <view class="hot-box"> -->
        <view class="hot-item" data-id="{{item.id}}" bindtap='activeDetail' wx:for="{{activeList}}" wx:key="item">
          <view class="hot-item-conetnt">
            <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 class="name">{{item.title}}</view>
              <view class="time-box">
                <view class="icon-box">
                  <image src="{{appAssetsUrl2}}new/shijian.png" mode="widthFix"></image>
                  <!-- <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">
                    <image src="{{appAssetsUrl2}}new/dizhi.png" mode="widthFix"></image>
                  </view>
                  <view class="address-word">{{item.address}}</view>
                </view>
                <view class="price-h">
                  <text class="p1">￥</text>
                  <text class="p2">{{item.money}}</text>
                </view>
              </view>
              <view class="ming-box">
                <view class="per-box" wx:if="{{item.willnum}}">
                  <view class="icon-box">
                    <image src="{{appAssetsUrl2}}new/renshu.png" mode="widthFix"></image>
                    <!-- <i class="iconfont1 icon-quanxiaozongrenshu icon-home-pel"></i> -->
                  </view>
                  <span>名额: {{item.willnum}} 人</span>
                </view>
                <view class="vip-txt" wx:if="{{item.isNeedVip == 1}}">VIP会员免费</view>
                <!-- <view class="price-h">
                  <text class="p1">￥</text>
                  <text class="p2">{{item.money}}</text>
                  <text class="p1">{{'元'}}</text>
                </view> -->
              </view>
            </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 class="label">最新工作</view>
        </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}}" wx:key="index">
        <!-- <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="job-info">
            <view class="address">
              <image src="{{appAssetsUrl2}}new/dizhi.png" mode="widthFix" class="address-icon"></image>
              <!-- <i class="iconfont1 icon-dizhi icon-home-dizhi icon-address"></i> -->
              <!-- item.address -->
              <view class="address-word">{{item.address}}</view>
            </view>
            <view class="job--base-info">
              <text>{{item.signnum || 0}}/{{item.willnum}}</text>
              <text>{{item.cashMethodName}}</text>
              <text>{{item.sexlimitName}}</text>
            </view>
          </view>
          <view class="yu {{item.statusName=='预定中'?'green2':''}}">{{item.statusName}}</view>
        </view>
        <!-- </view> -->
      </view>
    </view>
    <!-- <view class="classfiy-box" wx:if="{{goodsList0.length}}">
      <view class="hot-title" style="margin-top:0;">
        <view class="title">
          <view class="label">{{goodsClassfiyList[0].name}}</view>
        </view>
        <view class="mword" data-id="{{goodsClassfiyList[0].id}}" bindtap="toGoodsList"><span style="margin-right:20rpx;">查看更多</span><i class="iconfont icon-jiantou righticon hoticon"></i></view>
      </view>
      <view class="main">
        <view class="goods-item" wx:for="{{goodsList0}}">
          <image src="{{item.bannerFirstImg}}"></image>
          <view class="goods-btn">
            <view class="title">{{item.name}}</view>
            <view class="btn" data-id="{{item.id}}" bindtap="goodsDetail">查看详情</view>
          </view>
        </view>
      </view>
    </view> -->
    <!-- 分类管理 -->
    <view class="classfiy-box" wx:if="{{goodsList1.length}}">
      <view class="hot-title" style="margin-top:0;">
        <view class="title">
          <view class="label">{{goodsClassfiyList[1].name}}</view>
        </view>
        <view class="mword" data-id="{{goodsClassfiyList[1].id}}" bindtap="toGoodsList">
          <span style="margin-right:20rpx;">查看更多</span>
          <i class="iconfont icon-jiantou righticon hoticon"></i>
        </view>
      </view>
      <view class="main">
        <view class="goods-item" wx:for="{{goodsList1}}" wx:key="index">
          <image src="{{item.bannerFirstImg}}"></image>
          <view class="goods-btn">
            <view>
              <view class="title">{{item.name}}</view>
              <view class="desc">{{item.descriptions}}</view>
            </view>
            <view style="text-align: right;">
              <view class="btn" data-id="{{item.id}}" bindtap="goodsDetail">我想要</view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <!-- 推荐行家 -->
    <view class="hang-box" wx:if="{{expertList.length > 0 && false}}">
      <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 && false}}">
      <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}}" wx:key="index">
            <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 && false}}">
      <view class="hot-title" style="margin-top:0;">
        <view class="title">
          <view class="label">城市线下运营中心</view>
        </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 class="shop-list-box" wx:if="{{shopList.length}}">
      <view class="hot-title" style="margin-top:0;">
        <!-- <view class="line"></view> -->
        <view class="title">
          <view class="label">城市线下运营中心</view>
        </view>
      </view>
      <view class="main">
        <view class="shop-item-box" data-id="{{item.id}}" wx:for="{{shopList}}" bindtap="goShopStore" wx:key="index">
          <image class="shop-pic" src="{{item.storePhoto}}" mode="widthFix"></image>
          <view class="shop-info">
            <view class="shops-name">{{item.name}}</view>
            <view class="shops-address">
              <image class="address-icon" src="{{appAssetsUrl2}}new/dizhi.png" mode="widthFix"></image>
              <view class="address-text">{{item.address}}</view>
            </view>
            <view class="shop-juli">
              <view class="juli-num">距你{{item.calculateNewStr}}</view>
              <view class="btns">
                <image src="{{appAssetsUrl2}}new/daohang.png" mode="widthFix" data-name="{{item.name}}" data-address="{{item.address}}" catchtap="goLocalNew"></image>
                <image src="{{appAssetsUrl2}}new/dianhua.png" mode="widthFix" data-phone="{{item.phone}}" catchtap="callPhoneNew"></image>
              </view>
            </view>
          </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>
  <popup2 id='popup2' title='隐私协议授权提示' content="{{['']}}" self="{{true}}" bind:error="closeAgree" data-name="popup2">
    <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;text-align: left;">
      请仔细阅读<text class="yin" bindtap="toPrivacy">《隐私保护指引》</text>。如你同意<text class="yin" bindtap="toPrivacy">《隐私保护指引》</text>，请点击“同意”按钮，即可开始使用(青雲慧微信小程序)。
    </view>
    <view class="popup2Btns" slot="btn">
      <button class="btn" bindtap="closeAgree">拒绝</button>
      <button class="btn" id="agree-btn1" open-type="agreePrivacyAuthorization" bindagreeprivacyauthorization="handleAgreePrivacyAuthorization">同意</button>
    </view>
  </popup2>
</view>