綁定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;
 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM