<view>
	<auth bindlogin="onShow" />
  <view class="bgimg" style="top: {{-bgTop}}px;z-index: {{bgIsTop ? '999' : '0'}};height: {{imgHeight}}px; {{bgIsTop ? 'background-color: #fff': ''}} ">
    <image src="/static/images/index_topbg@2x.png" ></image>
  </view>
	<view class="zwf"></view>
	<view class="page-title">
    <image src="/static/images/index_topbg@2x.png" style="top: {{-bgTop}}px;height: {{imgHeight}}px"></image>
    <text>良房一廳</text>
  </view>

	<view class="container">

		<view class="search">
			<input placeholder="搜索店铺" 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 style="height: 92rpx">
		<!-- {{imgHeight - navTop}} -->
			<!-- <mp-sticky bindscroll="scrollHandle" offset-top="80"> -->
				<view class="header {{ isFixed ? 'fixed' : '' }}" style="top: {{imgHeight - navTop}}px" 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>
			<!-- </mp-sticky> -->
		</view>

		<!-- <view class="hotcateg">
    <view class="title">热门店铺</view>
    <swiper indicator-dots="{{false}}" bindchange="swiperChange" 
      current="{{1}}" previous-margin="36rpx" next-margin="204rpx">
      <block wx:for="{{banners}}" wx:key="*this">
        <swiper-item>
          <view class="swiper-item">
            <image src="{{item.img}}"></image>
            <view>优酷土豆线下体验店</view>
          </view>
        </swiper-item>
      </block>
    </swiper>
  </view> -->

		<view class="body" id="tab-con">
			<!-- <lip-sync inner-text="Some text"></lip-sync> -->
			<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">
					<image wx:if="{{imgServer}}" mode="aspectFill" src="{{item.appListPicUrl}}"></image>
					<view class="count">
						<image src="/static/images/list_eye@3x.png"></image>
						{{item.pvTotalNum || 0}}
					</view>
					<view class="b-title">
						<text>{{item.name}}</text>
					</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>