<!--pages/home/home.wxml-->
<view class="contenter">
	<!-- 搜索框 -->
	<view>
		<view class="search_center" catchtap="goSearch">
			<view class="real_search_center">
				<view class="iconfont icon-sousuo"></view>
				<input placeholder='搜索' placeholder-class="placeholder" disabled />
			</view>
		</view>
	</view>
	<!-- 轮播图 -->
	<view>
		<swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
			<block wx:for="{{swiperArray}}" wx:for-index="idx">
				<swiper-item bindtap="goBannnerDetail" data-url="{{item.url}}" data-index="{{index}}">
					<image src="{{item.img}}" class="slideImage" mode="widthFix"></image>
				</swiper-item>
			</block>
		</swiper>
	</view>
	<!-- 分类 -->
	<view class="classify">
		<scroll-view class='wrapper1' scroll-x="true">
			<view wx:for="{{classifyArray}}" class="classifyItem" bindtap="classifyEvent" data-id="{{item.categoryId}}"
				data-index="{{index}}">
				<view class="classifyPic">
					<image src="{{item.icon}}"></image>
				</view>
				<view class="classifyText">{{item.categoryName}}</view>
			</view>
		</scroll-view>
	</view>
	<!-- 限时优惠 -->
	<view class="dayDiscount" wx:if="{{limitCountShow}}">
		<view class="discountTitle">
			<view class="limitCount">{{limitCount}}</view>
			<!-- 倒计时 -->
			<view class="countTime" wx:if="{{countDownShow}}">
				<view class="textss">{{hour}}</view>
				<view class="maohao">:</view>
				<view class="textss">{{minute}}</view>
				<view class="maohao">:</view>
				<view class="textss">{{second}}</view>
			</view>
			<view class="moreCount" bindtap="moreCount">{{moreCount}}</view>
			<view class="arrow" bindtap="moreCount"></view>
		</view>
		<!-- <view class="discountContent"> -->
		<scroll-view class='wrapper' scroll-x="true">
			<view class="contentItem" wx:for="{{discountArray}}">
				<view class="countPic" bindtap="goGoodsDetail" data-id="{{item.goodsId}}">
					<image src="{{item.goodsImg}}"></image>
				</view>
				<view class="countText">{{item.goodsName}}</view>
				<view class="countPrice">￥{{item.goodsPrice}}</view>
				<view class="countNum">
					<view class="num">还剩{{item.goodsStock}}件</view>
					<view class="icon" bindtap="addCart" data-id="{{item.defaultSku}}" data-type="{{item.type}}">
						<image src="/images/01-01/cart.png"></image>
					</view>
				</view>
			</view>
		</scroll-view>
		<!-- </view> -->
	</view>
	<!-- 每日特价 -->
	<view class="dayPriceContent">
		<view class="dayPrice">
			<view class="dayPriceTitle">
				<view class="dayPriceText">{{dayPrice}}</view>
				<view class="dayPriceTime">
					<van-count-down use-slot time="{{ times }}" bind:change="onChange2">
						<text class="item">{{timeDatas.hours<10?'0'+timeDatas.hours:timeDatas.hours }}</text>
						<text style="color:#FF593C">:</text>
						<text class="item">{{ timeDatas.minutes<10?'0'+timeDatas.minutes:timeDatas.minutes  }}</text>
						<text style="color:#FF593C">:</text>
						<text class="item">{{timeDatas.seconds<10?'0'+timeDatas.seconds:timeDatas.seconds}}</text>
					</van-count-down>
				</view>
				<view class="morePrice" bindtap="morePrice">{{morePrice}}</view>
				<view class="arrow" bindtap="morePrice"></view>
			</view>
			<view class="dayPricePicMain">
				<scroll-view class='wrapper' scroll-x="true">
					<view wx:for="{{dayPicArray}}" class="dayPricePic" bindtap="goGoodsDetail" data-id="{{item.goodsId}}">
						<image src="{{item.goodsImg}}"></image>
					</view>
				</scroll-view>
			</view>
		</view>
		<view class="mainly">
			<view class="dayPriceTitle">
				<view class="dayPriceText">{{nameData.name}}</view>
				<view class="mainlyTitle">{{nameData.label}}</view>
			</view>
			<view class="dayPricePicMain">
				<scroll-view class='wrapper' scroll-x="true">
					<view wx:for="{{marilyArray}}" class="dayPricePic" bindtap="goGoodsDetail" data-id="{{item.goodsId}}">
						<image src="{{item.goodsImg}}"></image>
					</view>
				</scroll-view>
			</view>
		</view>
	</view>
	<!-- 每日精选 -->
	<van-tabs active="{{0}}" bind:change="onChange">
		<van-tab title="{{item.categoryName}}" wx:for="{{pickArray}}">
			<view class="pickContainer">
				<view class="pickContent">
					<view class="pickItem" wx:for="{{pickList}}" data-id="{{item.goodsId}}" bindtap="goGoodsDetail">
						<view class="pickPic">
							<image src="{{item.goodsImg}}"></image>
						</view>
						<view class="pickTitle">{{item.goodsName}}</view>
						<view class="pickDesc">{{item.goodsAttributes}}</view>
						<view class="userInfo">
							<view class="collectIcon">
								<image src="{{item.collectIcon}}"></image>
								<view style="display:inline-block">￥{{item.goodsPrice}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>

		</van-tab>
	</van-tabs>
	<!-- 优惠券弹出层 -->
	<van-cell title="展示弹出层" is-link bind:click="showPopup"></van-cell>
	<van-popup show="{{show}}" bind:close="onClose">
		<view class="popupBox">
			<view class="delIcon" bindtap="onClose">
				<image src="/images/icon_close@2x.png"></image>
			</view>
			<view class="popupPic">
				<image src="/images/popup.png"></image>
			</view>
			<view>
				<view class="popupText"> 实名优惠活动券</view>
				<view class="discountBox">
					<view class="popupImg" wx:for="{{discountCartArray}}" wx:if="{{item.status}}">
						<view class="left"></view>
						<view class="right"></view>
						<view class="popupNamePic">{{item.name}}</view>
						<view class="popupPriceBox">
							<view class="popupIcon">￥</view>
							<view class="popupPrice">{{item.amount}}</view>
						</view>
					</view>
				</view>
				<view class="popupBtn" bindtap="getDiscountCart">立即领取</view>
			</view>
		</view>
	</van-popup>
	<view class="bottomHint" wx:if="{{bottomHint}}">
	我是有底线的~
</view>
</view>

<!-- tabbar -->
<view class="tabbarBox" >
	<ul>
		<li>
			<view class="tabbarPic">
				<image src="/images/tab/home (2).png"></image>
			</view>
			<text class="check">首页</text>
		</li>
		<li bindtap="toClassify">
			<view class="tabbarPic">
				<image src="/images/tab/classify (2).png"></image>
			</view>
			<text>分类</text>
		</li>
		<li bindtap="toShopCart">
			<view class="tabbarPic">
				<image src="/images/tab/cart (2).png"></image>
			</view>
			<text>购物车</text>
		</li>
		<li bindtap="toUser">
			<view class="tabbarPic">
				<image src="/images/tab/user.png"></image>
			</view>
			<text>我的</text>
		</li>
	</ul>
</view>