fe / yohoblk-wap · Commits

Go to a project

Authored by 郭成尧
Commit fbabb6eea24e429f8edb06aac441e5a5175a2e90 1 parent 6569b13c

'tab调整'

Inline Side-by-side
Showing 1 changed file with 20 additions and 13 deletions
<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-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">
... ... @@ -31,6 +32,10 @@
font-size: 36px;
font-family: helvetica, Arial, "黑体";
.cate-container {
margin-top: 80px;
}
ul,
li {
margin: 0;
... ... @@ -202,6 +207,7 @@
const tab = require('channel/tab.vue');
const contentCode = require('content-code');
const qs = require('yoho-qs');
const bus = require('common/vue-bus');
const genderCode = {
MEN男士: '1,3',
... ... @@ -243,12 +249,6 @@
tip('网络错误');
});
},
cateNavTopFun(index) {
this.topcurrent = index;
this.gender = genderCode[index];
this.cateNavLeftData = this.brandCate[index];
this.cateNavRightData = this.cateNavLeftData[0].sub;
},
cateNavLeftFun(index) {
this.leftcurrent = index;
this.cateNavRightData = this.cateNavLeftData[index].sub;
... ... @@ -259,6 +259,13 @@
},
created() {
this.getCateList();
bus.$on('channel.change', function(index) {
this.topcurrent = index;
this.gender = genderCode[index];
this.cateNavLeftData = this.brandCate[index];
this.cateNavRightData = this.cateNavLeftData[0].sub;
});
}
};
</script>
... ...