绑定css样式,点击高亮

<div class="flex-lay" style="color:#999">
     <div bindtap="changeType(1)" class="nav" :class="{'nav-active' : active == 1}">日报</div>
     <div bindtap="changeType(2)" class="nav" :class="{'nav-active' : active == 2}">周报</div>
     <div bindtap="changeType(3)" class="nav" :class="{'nav-active' : active == 3}">月报</div>
</div>
data: {
        active: 1
},
methods: {
        changeType(type){
               this.active = type
         },  
 } 
.nav{
        padding:20rpx 0;
}
.nav-active{
        border-bottom:4rpx solid #333;
        color:#333;
 }

 

转载于:https://www.cnblogs.com/ll15888/p/11466036.html

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值