|
|
<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%;
|
...
|
...
|
|