2022-10-08

king

2022-10-08 9c6795fd3c44e46cf3955fbfd8f8eeca23acb7a9

 src/components/header/index.scss

@@ -6,9 +6,9 @@
  font-weight: bold!important;
  width: 100%;
  height: 48px;
  display: flex;

  .header-logo {
    float: left;
    width: 180px;
    line-height: 48px;
    text-align: center;
@@ -28,7 +28,6 @@
  }

  .header-collapse {
    float: left;
    width: 35px;
    min-height: 48px;
    line-height: 48px;
@@ -48,13 +47,17 @@
    padding-left: 20px;
  }
  .header-menu {
    float: left;
    margin: 0;
    min-height: 20px;
    line-height: 48px;
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    li {
      float: left;
      font-size: 1.3rem;
      cursor: pointer;
      display: inline-block;
      span {
        padding: 0 10px;
        height: 42px;
@@ -83,8 +86,22 @@
    }
  }

  .header-menu::-webkit-scrollbar {
    height: 5px;
  }
  .header-menu::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
    background: rgba(0, 0, 0, 0.13);
    border-radius: 5px;
  }
  .header-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: rgba(0, 0, 0, 0);
    border-radius: 3px;
  }

  .header-setting {
    float: right;
    line-height: 48px;
    margin-right: 10px;
    img {
@@ -117,10 +134,10 @@
  }

  .search-menu {
    float: right;
    font-size: 18px;
    margin-top: 17px;
    margin-right: 20px;
    margin-left: 10px;
    cursor: pointer;
  }
  .menu-select-dropdown {