Vue点击样式改变
<block v-for="(item , index) in List" :key="index">
<view class="aa" :class="{active: index == num}" @click="tabs(index)">{{item}}</view>
</block>
data(){
return{
num:1,
List:[1,2,3,4]
}
}
// 当点击不同的按钮时颜色也会相应的改变
methods:{
tabs(index){
this.num = index
}
}
..aa{
// 颜色渐变
background-image:linear-gradient(to right,#ccfffff 0%,#ffcc00 100%);
}
.active{
color:red;
}