<view>
	<auth bindlogin="onShow" />
	
	<view class="container">

		<view class="search">
			<input placeholder="VR找房、看车、逛店，就上指房宝！" value="{{keyword}}" bindinput="inputChange" bindconfirm="search" confirm-type="search" type="text"></input>
			<image wx:if="{{imgServer}}" src="{{imgServer + '/search.png'}}"></image>
		</view>

		<view class="banner" wx:if="{{banners.length}}">
			<swiper indicator-dots="{{false}}" bindchange="swiperChange" autoplay="{{true}}" interval="{{2000}}" duration="{{500}}">
				<block wx:for="{{banners}}" wx:key="{{item.coverImage}}">
					<swiper-item>
						<view class="swiper-item" bindtap="clickSwiper">
							<image src="{{item.coverImage}}"></image>
						</view>
					</swiper-item>
				</block>
			</swiper>

			<view class="dots">
				<view class="dot{{index == currentBanner ? 'active' : ''}}" wx:for="{{banners}}"></view>
			</view>
		</view>


		<view>
				<view class="header " id="index-nav">
					<view class="ul nav">
						<view bindtap="tapHeaderBar" wx:for="{{header}}" wx:key="{{item.type}}" data-id='{{item.id}}' class="li {{item.id==activeType?'active':''}}">
							<text>{{item.name}}</text>
						</view>
					</view>
				</view>
		</view>

		<view class="body" id="tab-con">
			<view class="ul" wx:if="{{loading || brandList.length}}">
				<view bindtap="gotoWV" data-img="{{item.img}}" data-id="{{item.id}}" class="li" wx:for='{{brandList}}' wx:key="id">
					<view class="b-image">
						<image wx:if="{{imgServer}}" class="cover" mode="aspectFill" src="{{item.appListPicUrl}}"></image>
						<!-- <image class="icon" src="/static/images/img_shop_scene@2x.png"></image> -->
						
						<view class="scene-icon">
							<view class="brick brick-1 enter">
								<view class="brick-top face"></view>
								<view class="brick-bottom face"></view>
								<view class="brick-left face"></view>
								<view class="brick-right face"></view>
								<view class="brick-front face"></view>
								<view class="brick-back face"></view>
							</view>
							<view class="brick brick-2 enter">
								<view class="brick-top face"></view>
								<view class="brick-bottom face"></view>
								<view class="brick-left face"></view>
								<view class="brick-right face"></view>
								<view class="brick-front face"></view>
								<view class="brick-back face"></view>
							</view>
							<view class="brick brick-3 enter">
								<view class="brick-top face"></view>
								<view class="brick-bottom face"></view>
								<view class="brick-left face"></view>
								<view class="brick-right face"></view>
								<view class="brick-front face"></view>
								<view class="brick-back face"></view>
							</view>
						</view>

					</view>
					
					<view class="b-content">
						<view class="b-title">{{item.name}}</view>
						<view class="b-addres">
							{{item.address || ''}}
							<text class="user-motto" decode="{{true}}">&nbsp;</text>
						</view>
						<view class="b-maker">
							<text>VR看房</text>
							<text>随时可看</text>
						</view>
						<view class="b-money">
							<text>{{item.retailPrice ? item.retailPrice + '万': ''}}</text>
							<text>{{item.averagePrice ? item.averagePrice + '元/平' : ''}}</text>
						</view>
					</view>
				</view>
			</view>
			<view wx:else class="unbrand">
				<image src="/static/images/img_noshop@3x.png"></image>
				<view class="text">暂无相关店铺</view>
			</view>
		</view>

		<view class="linear-mask {{hideMask? '': 'mask-hidden'}}"></view>
		<view bindtap="tabHide" class="search-con" wx:if="{{showSearch}}">
			<view class="sc-con" catchtap>
				<input focus="true" value="{{keyword}}" bindinput="inputChange" bindconfirm="search" confirm-type="search" type="text"></input>
				<image wx:if="{{imgServer}}" src="{{imgServer + '/fangdajing.png'}}"></image>
			</view>
			<view class="no-record" wx:if="{{noRecord}}">未搜索到相关内容</view>
		</view>
	</view>
</view>