footer.less 583 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. @import 'basic.less';
  2. @import 'reset.less';
  3. .tab-wrapper{
  4. height:59px;
  5. line-height:60px;
  6. width:100%;
  7. position:fixed;
  8. bottom:0;
  9. border-top:1px solid rgba(0,0,0,.1);
  10. background:#fff;
  11. z-index:999;
  12. .cl();
  13. .center();
  14. .tab-item{
  15. height:100%;
  16. flex:1;
  17. box-sizing:border-box;
  18. padding:10px 0;
  19. .iconfont,.tab-text{
  20. display:block;
  21. width: 100%;
  22. /*color:#fff;*/
  23. .center();
  24. }
  25. .iconfont,{
  26. height:65%;
  27. font-size:20px;
  28. }
  29. .tab-text{
  30. height:35%;
  31. font-size:13px;
  32. }
  33. }
  34. .router-link-active{
  35. .iconfont,.tab-text{
  36. .active-cl();
  37. }
  38. }
  39. }