@import 'basic.less'; @import 'reset.less'; .tab-wrapper{ height:59px; line-height:60px; width:100%; position:fixed; bottom:0; border-top:1px solid rgba(0,0,0,.1); background:#fff; z-index:999; .cl(); .center(); .tab-item{ height:100%; flex:1; box-sizing:border-box; padding:10px 0; .iconfont,.tab-text{ display:block; width: 100%; /*color:#fff;*/ .center(); } .iconfont,{ height:65%; font-size:20px; } .tab-text{ height:35%; font-size:13px; } } .router-link-active{ .iconfont,.tab-text{ .active-cl(); } } }