{extend name="default/base" /}
{block name="title"}分类 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__MOBILE__/css/category.css?v={$v}">
{/block}
{block name="header"}
<header class="wst-ca-header wst-flex-row wst-jsb">
	<div class="icon-l">
		<img src="__ROOT__/{:WSTConf('CONF.mallLogo')}"/>
	</div>
	<div class="switch">
		<div class="box wst-flex-row wst-jsb wst-ac" onclick="javascript:shopSwitch();">
			<p class="local wst-nowrap">{$current_shop['shopName']}</p>
			<i></i>
		</div>
	</div>
	<div class="icon-r">
		<i class="icon icon-search open-popup" data-target="#search-page"></i>
	</div>
</header>
{/block}
{block name="include"}
	<ul class="wst-ca-left">
		<div style="position: relative;">
			<li onclick="javascript:inSwitch(this,0,0);" class="active">所有商品</li>
		</div>
		{volist name="$list" id="li" key="k"}
		<div style="position: relative;">
			<li onclick="javascript:inSwitch(this,{$li['catId']},{$k});">{$li['catName']}</li>
		</div>
		{/volist}
	</ul>
{/block}
{block name="main"}
<input type="hidden" name="" value="0" id="currPage" autocomplete="off">
<input type="hidden" name="" value="0" id="totalPage" autocomplete="off">
<section class="wst-container">
	<div class="wst-ca-right">
		<div id="goods-list"></div>
	</div>
</section>
<div id="search-page" class="weui-popup-container">
	<div class="weui-popup-modal wst-search">
		<div class="wst-se-header">
			<i class="icon icon-109 close-popup"></i>
			<div class="search search-form">
			    <i class="icon icon-4" onclick="javascript:WST.search();"></i>
			    <form action＝"" class="input-form">
				<input type="search" id="wst-search" value="" placeholder="按关键字搜索商品" onsearch="WST.search()" autocomplete="off">
				</form>
			</div>
			<button class="btn" onclick="javascript:WST.search();">确定</button>
		</div>
		<div class="wst-se-hot">
			{if($keylist)}
			<div id="keylist">
				<p class="history">历史搜索<i class="icon icon-26" onclick="javascript:WST.delKeyword();"></i></p>
				<div class="key">
					{volist name="keylist" id="ke"}
					<a class="keyword" href="{:url('mobile/goods/lists',['keyword'=>$ke])}">{$ke}</a>
					{/volist}
					<div class="wst-clear"></div>
				</div>
			</div>
			{/if}
			<p class="hot">热门搜索</p>
			{php}$hotWordsSearch = WSTConf("CONF.hotWordsSearch");
			if($hotWordsSearch!='')$hotWordsSearch = explode(',',$hotWordsSearch);{/php}
			<div class="key">
				{volist name="$hotWordsSearch" id="hot"}
				<a class="keyword" href="{:url('mobile/goods/lists',['keyword'=>$hot])}">{$hot}</a>
				{/volist}
				<div class="wst-clear"></div>
			</div>
		</div>
	</div>
</div> 
<script id="list" type="text/html">
{{# if(d.ads && d.ads.length){}}
<div class="slide" id="ads">
    <ul>
		{{# for(var a=0; a<d.ads.length; a++){ }}
        <li>
            <a href="{{ d.ads[a].adURL }}">
                <img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-src="__ROOT__/{{ d.ads[a].adFile }}" alt="">
            </a>
        </li>
		{{# } }}
    </ul>
    <div class="dot">
		{{# if(d.ads.length>1){ }}
		{{# for(var a=0; a<d.ads.length; a++){ }}
        <span></span>
        {{# } }}
		{{# } }}
    </div>
</div>
{{#}}}
{{# if(d.data.length>0){ }}
{{# for(var i=0; i<d.data.length; i++){ }}
<a href="javascript:void(0);" class="weui_media_box weui_media_appmsg goods">
	<div class="weui_media_hd weui-updown img" onclick="javascript:WST.intoGoods({{ d.data[i].goodsId }});">
		<span><img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{{ d.data[i].goodsImg }}" title="{{ d.data[i].goodsName }}"/></span>
	</div>
	<div class="weui_media_bd" style="height:0.9rem;">
		<p class="name" onclick="javascript:WST.intoGoods({{ d.data[i].goodsId }});">{{ d.data[i].goodsName }}</p>
		{{# if(d.data[i].tags){ }}
		<p class="tags">
		{{# for(var j=0; j<(d.data[i].tags).length; j++){ }}
		{{d.data[i].tags[j]}}
		{{# } }}
		</p>
		{{# } }}
		<div class="weui_media_bd wst-flex-row wst-jsb wst-ac cart-info">
			<p class="weui_media_desc price"><span>¥</span> {{ d.data[i].shopPrice }}</p>
			<div class="goods-carts{{ d.data[i].goodsId }}">
				<div class="add-cart" {{# if(!d.carts[d.data[i].goodsId]){ }}style="display: none;"{{# } }}>
					<input class="wst-buy_l1" type="button" value="-" onclick="WST.changeNum(-1,&quot;.goodsNum&quot;,{{ d.data[i].goodsId }})">
					<input class="wst-buy_l2 goodsNum_{{ d.data[i].goodsId }}" data-min="0" data-max="{{ d.data[i].goodsStock }}" type="number" value="{{ d.carts[d.data[i].goodsId] }}" autocomplete="off" readonly="readonly">
					<input class="wst-buy_l3" type="button" value="+" onclick="WST.changeNum(1,&quot;.goodsNum&quot;,{{ d.data[i].goodsId }})">
				</div>
				<input class="cart" type="button" value="+"  onclick="javascript:WST.addCart({{ d.data[i].goodsId }},1);" {{# if(d.carts[d.data[i].goodsId]){ }}style="display: none;"{{# } }}>
			</div>
		</div>
	</div>
</a>
{{# } }}
{{# } }}
</script>
{/block}
{block name="js"}
<script type='text/javascript' src='__STATIC__/plugins/weui/js/updown.js'></script>
<script type='text/javascript' src='__STATIC__/plugins/weui/js/select.js'></script>
<script type='text/javascript' src='__STATIC__/plugins/weui/js/swipe.js'></script>
<script type='text/javascript' src='__MOBILE__/js/category.js?v={$v}'></script>
{/block}