Authored by ccbikai

tab 优化

<template>
<div v-if="channel.length" class="channel-tab">
<a v-for="(index, item) in channel" v-bind:class="{focus: index === current}" v-on:click.prevent="changeChannel(index)" href="/{{item.channel}}">
<div class="channel" v-for="(index, item) in channel" v-bind:class="{focus: index === current}" v-on:click="changeChannel(index)">
<span class="name">{{item.name | uppercase}}</span>
</a>
</div>
</div>
</template>
... ... @@ -61,7 +61,7 @@
text-align: center;
background: #fff;
a {
.channel {
display: inline-block;
line-height: 90px;
width: 33%;
... ...