Authored by ccbikai

tab 优化

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