{extend name="default/base" /}
{block name="title"}商品分类 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet" href="__WECHAT__/css/goods_category.css?v={$v}">
{/block}
{block name="header"}
	<header class="ui-header ui-header-positive wst-se-header2" style="border-bottom: 1px solid #f6f6f8;">
		<i class="ui-icon-return" onclick="history.back()"></i>
		<div class="wst-se-search" onclick="javascript:WST.searchPage('goods',1);">
		    <i class="ui-icon-search" onclick="javascript:WST.searchPage('goods',1);"></i>
		    <form action="" class="input-form">
			<input type="search" value="" placeholder="按关键字搜索商品" onsearch="WST.search(0)" autocomplete="off" disabled="disabled">
			</form>
		</div>
	</header>
{/block}
{block name="main"}
	<section class="ui-container">
		<div class="ui-scrollerl" id="ui-scrollerl">
		    <ul>
		    	{volist name="list" key="k" id="go"}
		        <li id="goodscate" class="wst-goodscate {if($k==1)}wst-goodscate_selected{/if}" onclick="javascript:showRight(this,{$k-1});">{php}echo str_replace('、', '<br/>', $go['catName']);{/php}</li>
		        {/volist}
		    </ul>
		</div>
		{volist name="list" key="k" id="go"}
		<div class="wst-scrollerr goodscate1" {if($k!=1)}style="display:none;"{/if}>
			{if(isset($go['childList']))}
			<ul class="wst-gc-br"><li class="brand">
			{wst:brand cat="$go['catId']" id="bvo" num='16' cache='86400'}
				<a href="javascript:void(0)" onclick="javascript:getBrandGoodsList({$bvo['brandId']});"><img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{:WSTImg($bvo['brandImg'],2)}"></a>
			{/wst:brand}
			<div class="wst-clear"></div>
			</li></ul>
			{volist name="go['childList']" id="go1"}
		    <ul>
		        <div class="wst-gc-ads">
		     		<a href="javascript:void(0);" onclick="javascript:getGoodsList({$go1['catId']});"><div class="title">{$go1.catName}</div></a>
		     	</div>
		        <li>
			        <div class="wst-goodscat">
			        	{volist name="go1['childList']" id="go2" key="key2"}
			        	<span {if($key2%1==0)}left{/if}>
			        		<a href="javascript:void(0);" onclick="javascript:getGoodsList({$go2['catId']});">
			        			<img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{$go2['catImg']}" class="goods-cat-img" title="{$go2.catName}"/>
			        			<p class="ui-nowrap-flex">{$go2.catName}</p>
			        		</a>
			        	</span>
			        	{/volist}
			        </div>
			        <div class="wst-clear"></div>
		        </li>
		        <div class="wst-clear"></div>
		    </ul>
		    {/volist}
		    {/if}
		</div>
		{/volist}
		<div class="wst-clear"></div>
	</section>
{/block}
{block name="include"}
{include file="default/goods_search" /}
{/block}
{block name="js"}
<script type='text/javascript' src='__WECHAT__/js/jquery.min.js'></script>
<script type='text/javascript' src='__WECHAT__/js/goods_category.js?v={$v}'></script>
{/block}