topTab.less 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .account-top {
  2. width: 100%;
  3. height: 84px;
  4. border-bottom: 1px solid #eee;
  5. background: #fff;
  6. position: absolute;
  7. top: 0;
  8. left: 0;
  9. z-index: 1;
  10. .acc-top-user {
  11. height: 34px;
  12. line-height: 34px;
  13. background: #f8f8f8;
  14. .acc-top-user-name {
  15. margin-left: 10px;
  16. }
  17. .acc-top-user-toindex {
  18. float: right;
  19. margin-right: 10px;
  20. }
  21. }
  22. .acc-index {
  23. height: 50px;
  24. width: 8%;
  25. position: absolute;
  26. top: 34px;
  27. left: 0;
  28. color: #fff;
  29. background: #4665bf;
  30. padding-top: 12px;
  31. padding-left: 8px;
  32. .acc-index-imgbox{
  33. width: 36px;
  34. height: 36px;
  35. padding-top: 36px;
  36. position: relative;
  37. overflow: hidden;
  38. float: left;
  39. img {
  40. position: absolute;
  41. top: 0;
  42. left: 4px;
  43. height: 27px;
  44. width: auto;
  45. }
  46. }
  47. span {
  48. margin-left: 5px;
  49. font-size: 14px;
  50. line-height: 27px;
  51. a {
  52. color:#fff;
  53. }
  54. }
  55. }
  56. .acc-top-tab {
  57. margin-left: 8%;
  58. height: 50px;
  59. line-height: 50px;
  60. font-size: 16px;
  61. text-align: center;
  62. background: #4665bf;
  63. color: #fff;
  64. border-left: 1px solid #344c8f;
  65. .ant-row {
  66. padding-left: 20px;
  67. border-left: 1px solid #6b84cc;
  68. div {
  69. margin:0 10px;
  70. a {
  71. color:#fff;
  72. }
  73. }
  74. .active {
  75. font-size: 18px;
  76. &:after {
  77. content: '';
  78. position: absolute;
  79. left: 0;
  80. bottom: 0;
  81. display: block;
  82. width: 100%;
  83. height: 3px;
  84. background: #58a3ff;
  85. }
  86. }
  87. }
  88. }
  89. }