topTab.less 2.4 KB

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