|
|
|
<template>
|
|
|
|
<div v-if="channel.length" class="channel-tab">
|
|
|
|
<div class="channel" v-for="(index, item) in channel" v-bind:class="{focus: index === current}" v-on:click="changeChannel(index)">
|
|
|
|
<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 + '%'}">
|
|
|
|
<span class="name">{{item.name | uppercase}}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
...
|
...
|
@@ -84,7 +84,6 @@ |
|
|
|
.channel {
|
|
|
|
display: inline-block;
|
|
|
|
line-height: 90px;
|
|
|
|
width: 33%;
|
|
|
|
color: #999;
|
|
|
|
|
|
|
|
&.focus {
|
...
|
...
|
|
