vue底部导航组件

    

        

        
            
首页
    
        

        
             
发现
    
    

         
              
我的
    
    
         


data(){
    return{
        imgList:[
         {normal:'static/images/footer/index.png',selected:'static/images/footer/index_active.png'},
          {normal:'static/images/footer/find.png',selected:'static/images/footer/find_active.png'},
          {normal:'static/images/footer/user.png',selected:'static/images/footer/user_active.png'},
        ]
    }
},         


methods:{
      switchTo(path){
        console.log(this.$router);
        this.$router.replace(path);
      }
},    

.footer{
    width:100%;
    height:0.98rem;
    background-color:#fff;
    position:fixed;
    left:0;
    bottom:0;
    z-index:999;
    .footer-item{
      text-align:center;
      font-size:0.24rem;
      color:#666;
      img{
        margin-top: 0.1rem;
        width:0.48rem;
        height: 0.48rem;
      }
      .activeColor{
        color:#ff6600;
      }
    }
  }