样式修改

zhangwencui

4 小时以前 9f5e18cc415cd3fef13f105ffeabae3c01ba9665

 src/components/TopNav/index.vue

@@ -21,7 +21,7 @@
        <sidebar-item v-for="(routeItem, index) in topbarRouters"
                      :key="routeItem.path + index"
                      :item="routeItem"
                  :base-path="routeItem.path" />
                      :base-path="routeItem.path" />
      </el-menu>
    </div>
    <button v-show="showArrows"
@@ -174,10 +174,12 @@

  :deep(.top-nav-menu.el-menu--horizontal > .el-menu-item),
  :deep(.top-nav-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title) {
    height: var(--topbar-height);
    height: 100%;
    line-height: var(--topbar-height);
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: var(--text-secondary);
    color: var(--navbar-text);
    border-bottom: 2px solid transparent;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }
@@ -188,8 +190,8 @@
  :deep(
      .top-nav-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title:hover
    ) {
    background: rgba(var(--el-color-primary-rgb), 0.06);
    color: var(--el-color-primary);
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
  }

  :deep(.top-nav-menu.el-menu--horizontal > .el-menu-item.is-active),
@@ -198,10 +200,10 @@
        > .el-sub-menu.is-active
        > .el-sub-menu__title
    ) {
    background: rgba(var(--el-color-primary-rgb), 0.06);
    color: var(--el-color-primary);
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-weight: 600;
    border-bottom-color: var(--el-color-primary);
    border-bottom-color: #ffffff;
  }

  :deep(.top-nav-menu.el-menu--horizontal > .el-menu-item .svg-icon),
@@ -212,5 +214,6 @@
        .svg-icon
    ) {
    margin-right: 8px;
    vertical-align: middle;
  }
</style>