tab vue 竖排_vuejs实现的的竖向tab选项卡

Document

*{padding: 0;margin: 0}

#tabemplyee{

width: 800px;height: 300px;margin: 0 auto; background-color: #ddd;

}

.e_tab{

height: 100%;line-height: 50px;background-color: #999;padding: 0;

}

.e_tab ul li{ display:block;margin:10px 0; width:100%;text-align: center;color: #fff; cursor: pointer;}

.e_tab ul li a{text-decoration: none;color: #fff;}

.e_tab_bd{ margin: 3%;}

.active{

background-color: #337ab7;

border-radius: 4px;

}

/*切换动画*/

.fade-transition {

transition: opacity 0.3s ease;

}

.fade-enter,

.fade-leave {

opacity: 0;

}

.fa{

width: 0;

height: 0;

border-top: 25px solid transparent;

border-right: 25px solid #fff;

border-bottom: 25px solid transparent;

}