{extend name="default/base" /}
{block name="title"}商品分类 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__STATIC__/plugins/swiper/swiper.min.css"/>
<link rel="stylesheet" href="__MOBILE__/css/goods_category.css?v={$v}">
{/block}
{block name="header"}
    <header class="ui-header ui-header-positive wst-header">
		<h1>商品分类</h1>
    </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}>
			<ul class="wst-ca-ads"><li>
			<div class="swiper-container category-ads{$k}" key="{$k}">
			  {php}$number=0{/php}
	          <div class="swiper-wrapper">
	          		{wst:ads code="mo-category-$k" cache='86400' id="ca"}
	          		{php}$number = $number + 1;{/php}
	                <div class="swiper-slide" style="width:100%;">
	                	<a href="{$ca.adURL}" class="img"><img style="width:100%; height:100%; display:block;" src="__RESOURCE_PATH__/{:WSTImg($ca.adFile,2)}"></a>
	                </div>
	                {/wst:ads}
	          </div>
	          {if($number>1)}<div class="swiper-pagination pagination-ads{$k}"></div>{/if}
	        </div>
			</li></ul>
			{if(isset($go['childList']))}
			<ul><li><div class="wst-goodscat">
				{volist name="go['childList']" id="go1" key="k2"}
        		<span {if($k2%1==0)}left{/if}>
	        		<a href="javascript:void(0);" onclick="javascript:WST.getCGoodsList({$go1['catId']});">
	        			<img src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}" data-echo="__RESOURCE_PATH__/{$go1['catImg']}" class="goods-cat-img" title="{$go1.catName|WSTStripTags}"/>
	        			<p class="ui-nowrap-flex">{$go1.catName}</p>
	        		</a>
	        	</span>
	   			{/volist}
		     </div><div class="wst-clear"></div></li><div class="wst-clear"></div></ul>
		    {/if}
		</div>
		{/volist}
		<div class="wst-clear"></div>
	</section>
{/block}
{block name="js"}
<script type='text/javascript' src='__STATIC__/plugins/swiper/swiper.min.js'></script>
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
<script type='text/javascript' src='__MOBILE__/js/goods_category.js?v={$v}'></script>
{/block}