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 - <div class="channel" v-for="(index, item) in channel" v-bind:class="{focus: index === current}" v-on:click="changeChannel(index)"> 3 + <div class="channel" v-for="(index, item) in channel" v-bind:class="{focus: index === current}" v-on:click="changeChannel(index)" v-bind:style="{width: (1 / channel.length) * 100 + '%'}">
4 <span class="name">{{item.name | uppercase}}</span> 4 <span class="name">{{item.name | uppercase}}</span>
5 </div> 5 </div>
6 </div> 6 </div>
@@ -84,7 +84,6 @@ @@ -84,7 +84,6 @@
84 .channel { 84 .channel {
85 display: inline-block; 85 display: inline-block;
86 line-height: 90px; 86 line-height: 90px;
87 - width: 33%;  
88 color: #999; 87 color: #999;
89 88
90 &.focus { 89 &.focus {