<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;

 }