集成后台重构版本
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

89 lines
1.6 KiB

4 years ago
  1. .top-nav {
  2. // margin-left: $sideBarWidth;
  3. width: 100%;
  4. background-color: #304156;
  5. position: fixed;
  6. top: 0;
  7. left: 0;
  8. z-index: 1001;
  9. overflow: hidden;
  10. .log {
  11. padding: 0 20px;
  12. line-height: 56px;
  13. font-size: 24px;
  14. font-weight: bold;
  15. color: rgb(191, 203, 217);
  16. float: left;
  17. }
  18. .el-menu {
  19. float: left;
  20. border: none!important;
  21. background-color: #304156;
  22. .nav-item {
  23. display: inline-block;
  24. .el-menu-item {
  25. color: rgb(191, 203, 217);
  26. &:hover {
  27. background-color: $subMenuHover !important;
  28. }
  29. &:focus {
  30. background-color: $subMenuHover !important;
  31. // color: $subMenuActiveText !important;
  32. }
  33. }
  34. }
  35. }
  36. .right-menu {
  37. float: right;
  38. height: 100%;
  39. &:focus {
  40. outline: none;
  41. }
  42. .right-menu-item {
  43. display: inline-block;
  44. padding: 0 8px;
  45. height: 100%;
  46. font-size: 18px;
  47. color: #5a5e66;
  48. vertical-align: text-bottom;
  49. &.hover-effect {
  50. cursor: pointer;
  51. transition: background .3s;
  52. &:hover {
  53. background: rgba(0, 0, 0, .025)
  54. }
  55. }
  56. }
  57. .avatar-container {
  58. margin-right: 30px;
  59. .avatar-wrapper {
  60. margin-top: 5px;
  61. position: relative;
  62. .user-avatar {
  63. cursor: pointer;
  64. width: 40px;
  65. height: 40px;
  66. border-radius: 10px;
  67. }
  68. .el-icon-caret-bottom {
  69. cursor: pointer;
  70. position: absolute;
  71. right: -20px;
  72. top: 25px;
  73. font-size: 12px;
  74. }
  75. }
  76. }
  77. }
  78. }