Showing
1 changed file
with
1 additions
and
2 deletions
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 { |
-
Please register or login to post a comment