{extend name="default/base" /}
{block name="title"}品牌街 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__MOBILE__/css/brands.css?v={$v}">
{/block}
{block name="header"}
	{php}$Title = "品牌街"{/php}
	{include file="default/header" /}
{/block}
{block name="main"}
	{php}$list = WSTGoodsCats();{/php}
    <input type="hidden" name="" value="" id="currPage" autocomplete="off">
    <input type="hidden" name="" value="" id="totalPage" autocomplete="off">
    <input type="hidden" name="" value="{if(isset($list[0]['catId']))}{$list[0]['catId']}{/if}" id="catId" autocomplete="off">
    <section class="ui-container">
       	<div class="ui-tab">
	        <ul class="ui-tab-nav brands-tab">
	        	{volist name="$list" id="ca" key="ckey"}
	            <li class="tab-item {if($ckey==1)}active{/if}" onclick="javascript:choice(this,{$ca['catId']});">{$ca['simpleName']}</li>
	            {/volist}
	        </ul>
		</div>
     	<ul id="info-list"></ul>
        <div class="wst-clear"></div>
    </section>
<script id="list" type="text/html">
{{# for(var i=0; i<d.length; i++){ }}
	<li class="wst-brands">
		<div class="wst-brands_img">
			<a class="img" href="javascript:void(0);" onclick="javascript:WST.getBGoodsList({{ d[i].brandId }});">
			<img src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}" data-echo="__RESOURCE_PATH__/{{ d[i].brandImg }}" title="{{ d[i].brandName }}">
			</a>
			<a href="javascript:void(0);" onclick="javascript:WST.getBGoodsList({{ d[i].brandId }});">
			<span class="ui-nowrap-flex">{{ d[i].brandName }}</span>
			</a>	
		</div>
	</li>
{{# } }}
</script>
{/block}
{block name="js"}
<script type='text/javascript' src='__MOBILE__/js/brands.js?v={$v}'></script>
{/block}