|
|
<template>
|
|
|
<tab v-bind:page="'cate'"></tab>
|
|
|
<div class="cate-page" id='cate-page'>
|
|
|
<!--<div class="cate-nav clearfix">-->
|
|
|
<!--<ul>-->
|
|
|
<!--<li v-for="(index, cate) in brandCate" v-on:click='cateNavTopFun(index)' v-bind:class="{focus: index === topcurrent}" v-bind:style="{width: widthli + '%'}">-->
|
|
|
<!--<span>{{index}}</span>-->
|
|
|
<!--</li>-->
|
|
|
<!--</ul>-->
|
|
|
<!--</div>-->
|
|
|
<div class="cate-container clearfix">
|
|
|
<div class="content" style="height: 522px;">
|
|
|
<ul class="primary-level">
|
|
|
<li v-for="(index, ca) in cateNavLeftData" v-bind:class="{focus: index === leftcurrent}" class="p-level-item" v-on:click='cateNavLeftFun(index)'>
|
|
|
<a v-if="ca.sub" href="/list?sort={{ca.categoryId}}&sort_name={{ca.categoryName}}&gender={{gender}}">{{ca.categoryName}}</a>
|
|
|
<a v-else="ca.sub">{{ca.categoryName}}</a>
|
|
|
<a v-if="ca.sub.length > 0">{{ca.categoryName}}</a>
|
|
|
<a v-else href="/list?sort={{ca.categoryId}}&sort_name={{ca.categoryName}}&gender={{gender}}">{{ca.categoryName}}</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="sub-level-container">
|
...
|
...
|
|