{extend name="default/base" /}
{block name="title"}品牌街 - {__block__}{/block}
{block name="meta"}
<meta name="description" content="{:WSTConf('CONF.seoShopDesc')},品牌街">
<meta name="Keywords" content="{:WSTConf('CONF.seoShopKeywords')}">
{/block}
{block name="css"}
<link href="__STATIC__/plugins/lazyload/skin/laypage.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/brandslist.css?v={$v}" rel="stylesheet">
{/block}
{block name="main"}
<script>
//筛选分类
function screenCat(id){
	location.href=WST.U('home/brands/index','id='+id);
}
</script>
<div class='wst-filters'>
<div class='filters'>
   <div class='item'>
      <a class='link' href='{:WSTDomain()}'>首页</a>
      <i class="arrow">></i>
      <a class='link' href='{:Url("home/brands/index")}'>品牌街</a>
   </div>
   <div class='wst-clear'></div>
</div>
</div>
<div class="wst-container">
	<div class="">
		
	</div>
	<div class="wst-brand-cat">
		<div class="wst-brand-catt">品牌行业</div>
		{volist name="goodscats" id="ca" key="k"}
		<span class="{if($selectedId==$ca['catId'])}js-selected{/if}" onclick="javascript:screenCat({$ca['catId']});">{$ca['catName']}</span>
		{/volist}
		<div class="wst-clear"></div>
	</div>

	<ul class="wst-brands-list">
		{volist name="list.Rows" id="vo"}
		<li class="wst-brands">
			<div class="wst-brand-img"><a target='_blank' href="{:Url('home/goods/lists',['catId'=>$vo['catId'],'brand'=>$vo['brandId']])}"><img class="goodsImg" data-original="__RESOURCE_PATH__/{$vo['brandImg']}" title="{$vo['brandName']|WSTStripTags}" src="__RESOURCE_PATH__/{:WSTConf('CONF.goodsLogo')}"/></a></div>
			<div class="wst-brand-name">{:WSTMSubstr($vo['brandName'],0,15)}</div>
			<div class='info'>
				<span><img src="__STYLE__/img/img_jrpp.png"/></span>
		        <p>欢迎进入{$vo['brandName']}</p>
		    </div>
		</li>
		{/volist}
		<div class="wst-clear"></div>
	</ul>
	<div class="brandsPaging">
	<div id="brandsPaging" class="wst-pager"></div>
	</div>
</div>
{/block}
{block name="js"}
<script type='text/javascript' src='__STYLE__/js/brandslist.js?v={$v}'></script>
<script>
$(function(){
	if({$list['TotalPage']}>1){
	laypage({
	    cont: 'brandsPaging',
	    pages: {$list['TotalPage']}, //总页数
	    curr: {$list['CurrentPage']},
        skin: '#757575',
        prev: '', //若不显示，设置false即可
        next: '', //若不显示，设置false即可
        groups: 3,
	    jump: function(e, first){ //触发分页后的回调
	        if(!first){ //一定要加此判断，否则初始时会无限刷新
	        	var nuewurl = WST.splitURL("page");
	        	var ulist = nuewurl.split("?");
	        	if(ulist.length>1){
	        		location.href = nuewurl+'&page='+e.curr;
	        	}else{
	        		location.href = '?page='+e.curr;
	        	}
	            
	        }
	    }
	});
	}
});
</script>
{/block}
{block name="footer"}{__block__}
{/block}