<{import file="common.html" title=$UQCMS.site_name}>
<link rel="stylesheet" type="text/css" href="<{$__PUBLIC__}>plug/swiper/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="<{$__APP__}>public/css/index.css?t=<{$smarty.now}>"/>  
<script type="text/javascript" src="<{$__PUBLIC__}>js/jquery.lazyload.js"></script>
<script type="text/javascript" src="<{$__PUBLIC__}>plug/swiper/swiper.min.js"></script> 
<{import file="header.html"}> 
<!--轮播图片-->
<div class="ggbox">
	 <div class="swiper-container swiper1">
        <div class="swiper-wrapper">
			<{ads alias="wap_index_focus_img" data="focus_img"}>
			<{foreach item=i from=$focus_img}>
				<{if $i.type == '2'}>
           			<div class="swiper-slide"><a href="<{$i.link}>"><img src="<{$__IMG__}><{$i.content|img_size:640x0}>"/></a></div>
				<{/if}>
			<{/foreach}> 
        </div>
        <div class="swiper-pagination"></div> 
    </div>
</div>

<!--小广告-->
<{ads alias="wap_index_focus_down" data="focus_down"}>
<{if $focus_down}>
<div class="spdbar">
	<div class="spd"> 
		<ul>
			<{foreach item=i from=$focus_down}>		
				<li><a href="<{$i.link}>"><img src="<{$__IMG__}><{$i.content|img_size:320x0}>"/></a></li>
			<{/foreach}>
		</ul>
	</div>
</div>	
<{/if}> 

<!--限时抢购-->
<{uqcms m="goods_act" v="sps" c="seckill:limit=12"}>	
<{if $sps}>
	<div class="sps">
		<div class="name">
			<div class="name1"><span>抢购秒杀</span></div>
			<{if $sps.next_time > 0}> 
				<div class="name2"><div class="djs_box" data-diff="<{$sps.next_diff}>"></div></div> 
			<{/if}> 
			<a href="wap.php?m=goods&a=seckill" class="more">MORE</a>
		</div>  
		<div class="con sps_cn">
			<div class="sps_box">
				<div class="swiper-container swiper2">
					<div class="swiper-wrapper"> 
						<{if $sps.list}>			
							<{foreach item=i key=key from=$sps.list}>		
								<dl class="swiper-slide">
									<dt><a href="<{$__URI__}>index.php?m=goods&a=detail&id=<{$i.gid}>"><img data-original="<{$__IMG__}><{$i.images|img_size:200x200}>" class="lazy"/></a></dt> 
									<dd class="pr">¥<{$i.price}></dd>
									<dd class="prd"><s>¥<{$i.market_price}></s></dd>
								</dl> 
							<{/foreach}>
						<{/if}>
					</div>	 
				</div>
				
			</div>
		</div>	
	</div>
<{/if}>

<!--产品展示部分-->
<div class="lou_box">
	<!--楼层广告-->
	<{uqcms m="goods_index" v="data" c="goods:page_size=6"}>
	<{foreach item=g from=$data}>
	<{if $g.goods}>
	<div class="lou_con">
		<div class="name"><h2 class="f<{$g.lou}>"><{$g.cname}></h2></div>
		<div class="content">
			<!--div class="l"> 
				<{ads alias=$g.m_ad_cid data="1f_ad"}>	
				<{foreach item=i from=$1f_ad}> 
					<{if $i.type == '2'}>
						<a href="<{$i.link}>" target="_blank"><img src="<{$__IMG__}><{$i.content|img_size:640x0}>"/></a>
					<{/if}> 
				<{/foreach}> 
			</div-->
			<div class="gs_con">
				<{foreach item=i from=$g.goods}>
					<div class="gs_box">
						<div class="img"><a href="?m=goods&a=detail&id=<{$i.id}>"><img data-original="<{$__IMG__}><{$i.images|img_size:320x320}>" class="lazy"/></a></div>
						<div class="con">
							<div class="ttl"><a href="?m=goods&a=detail&id=<{$i.id}>"><{$i.title}></a></div> 
							<div class="pr">
								<i>¥</i> 
								<em><{$i.price}></em> 
							</div>
						</div>
					</div>
				<{/foreach}>
			</div> 
		</div>
	</div> 
	<{/if}>
	<{/foreach}>
</div>

<!--猜你喜欢-->
<{uqcms m="goods_index" v="index" c="wap_index"}>	
<{if $index.data}>
<div class="hot_box">
	<div class="hot_name"><span>猜你喜欢</span></div>
	<div class="gs_con"> 
	<{foreach item=i from=$index.data}>		
		<div class="gs_box">
			<div class="img"><a href="?m=goods&a=detail&id=<{$i.id}>"><img data-original="<{$__IMG__}><{$i.images|img_size:320x320}>" class="lazy"/></a></div>
			<div class="con">
				<div class="ttl"><a href="?m=goods&a=detail&id=<{$i.id}>"><{$i.title}></a></div> 
				<div class="pr">
					<i>¥</i> 
					<em><{$i.price}></em> 
				</div>
			</div>
		</div>
	<{/foreach}>
	</div> 
</div>
<{/if}> 

<{import file="btm_tab.html"}>
<{import file="footer.html"}>  
<script type="text/javascript">
var PUBLIC_PATH	= '<{$__PUBLIC__}>';
var APP_PATH	= '<{$__APP__}>';
var IMG_HOST 	= '<{$__IMG__}>';
lazyload(); 
countDown('.djs_box');
$(function(){
	$(".gs_box .img").css('height',$('.gs_box .img').width()); 
	$(".swiper-slide dt").css('height',$('.swiper-slide dt img').width()); 
}); 
var swiper1 = new Swiper('.swiper1', {
	pagination: '.swiper-pagination', 
	paginationClickable: true,
	autoplayDisableOnInteraction: false,
	autoplay: 2500,
	loop: true
}); 
var swiper2 = new Swiper('.swiper2', {   
	slidesPerView: 3.5,
	paginationClickable: true,
	spaceBetween: 0,
	freeMode: true
});

</script>