<!--packageE/appointment/appointment_index.wxml-->

<view style="background: #ffffff;">

	<view class="search_box">
		<view class="search">
			<view class="left" bindtap="tolocation" style="flex:none;">
				<icon class="iconfont icon-icon_location"></icon>
				<text>{{ address }}</text>
				<icon class="iconfont icon-member-bottom"></icon>
			</view>
			<view class="right" bindtap="tosearch" style="flex:1;margin-left:32rpx;">
				<icon class="iconfont icon-sousuo"></icon>
				<input type="text" title="搜索" disabled
					placeholder="{{'搜索'+appointmentLang.project+'/'+appointmentLang.worker}}" />
			</view>
		</view>
	</view>

	<view class="c-swipe">
		<block wx:if="{{carousels.length!=0}}">
			<swiper class="banner_swiper" interval="4000" indicator-active-color="#f15353">
				<swiper-item wx:for="{{carousels}}" wx:for-item="slide">
					<image style="width:100%;height:11.25rem;border-radius: 10px;" src="{{slide.thumb}}" />
				</swiper-item>
			</swiper>
		</block>
	</view>


	<view class="hot">
		<view class="header" bindtap="toHot">
			<view class="left">
				<image class="avatar" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/rexiao@2x.png" alt=""></image>
				<view class="title">热门{{appointmentLang.worker}}</view>
			</view>
			<view class="icon-box">
				<icon class="iconfont icon-advertise-next"></icon>
			</view>
			<view class="user">
				<view class="img" wx:for="{{workers}}" wx:for-item="list"
					style="zIndex: {{index}}; right: {{index * 15 + 20}}px;" wx:key="index">
					<block wx:if="{{list.thumb}}">
						<image src="{{list.thumb}}" alt=""></image>
					</block>
				</view>
			</view>
		</view>

		<view class="people">
			<view class="person" wx:for="{{workers}}" wx:key="id" data-id="{{item.id}}" bindtap="toTechnicianDetails">
				<view style="margin: 9.6rpx 0 9.6rpx 0;text-align: center;">
					<image wx:if="{{item.thumb}}" src="{{item.thumb}}" alt=""></image>
					<image wx:if="{{!item.thumb}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img_default.png" alt=""></image>
				</view>
				<view class="p" style="-webkit-box-orient: vertical;">{{item.name}}</view>
			</view>
		</view>
	</view>

	<view class="recommend">
		<view class="header" bindtap="toList">
			<view class="left">
				<image class="avatar" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/recommond@2x.png" alt=""></image>
				<view class="title">推荐{{appointmentLang.project}}</view>
			</view>
			<view class="icon-box">
				<icon class="iconfont icon-advertise-next"></icon>
			</view>
		</view>

		<view class="project">
			<view class="project-item" wx:for="{{projects}}" wx:for-item="project" wx:key="id" data-id="{{project.id}}"
				bindtap="toDetails">
				<view class="left">
					<image class="left-img" src="{{project.thumb}}" alt=""></image>
				</view>
				<view class="right">
					<view class="headline">{{project.title}}</view>
					<view class="describe" style="-webkit-box-orient: vertical;">{{project.description}}</view>
					<view class="bottom">
						<view class="comment">
							<icon style="vertical-align: middle;margin-right: 0.3rem;" class="iconfont icon-liaotian"></icon>
							<text>{{project.comment_num || 0}}</text>
							<icon style="vertical-align: text-top;color: #f49f19;" class="iconfont icon-card_laud"></icon>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>




	<view style="height: 4rem"></view>
	<view class="appointment-bottom" style="width:100%;">
		<view class="item active">
			<view>
				<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/index-active@2x.png" alt=""></image>
				<view>首页</view>
			</view>
		</view>
		<view class="item" bindtap="toList">
			<view>
				<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/project-normal@2x.png" alt=""></image>
				<view>{{appointmentLang.project}}</view>
			</view>
		</view>
		<view class="item" bindtap="toUrl">
			<view>
				<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/my-normal@2x.png" alt=""></image>
				<view>我的</view>
			</view>
		</view>
	</view>
</view>