优化代码

RuoYi

2025-04-22 06d52deb60040d968c3f69d625f9cd52ecbdac4c

 src/components/TopNav/index.vue

@@ -6,13 +6,12 @@
    :ellipsis="false"

  >

    <template v-for="(item, index) in topMenus">

      <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber"

        ><svg-icon

          v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"

          :icon-class="item.meta.icon"

        />

        {{ item.meta.title }}</el-menu-item

      >

      <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber">

        <svg-icon

        v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"

        :icon-class="item.meta.icon"/>

        {{ item.meta.title }}

      </el-menu-item>

    </template>



    <!-- 顶部菜单超出数量折叠 -->

@@ -22,10 +21,12 @@
        <el-menu-item

          :index="item.path"

          :key="index"

          v-if="index >= visibleNumber"

          ><svg-icon :icon-class="item.meta.icon" />

          {{ item.meta.title }}</el-menu-item

        >

          v-if="index >= visibleNumber">

        <svg-icon

          v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"

          :icon-class="item.meta.icon"/>

        {{ item.meta.title }}

        </el-menu-item>

      </template>

    </el-sub-menu>

  </el-menu>

@@ -62,7 +63,7 @@
  routers.value.map((menu) => {

    if (menu.hidden !== true) {

      // 兼容顶部栏一级菜单内部跳转

      if (menu.path === "/") {

      if (menu.path === '/' && menu.children) {

          topMenus.push(menu.children[0]);

      } else {

          topMenus.push(menu);

@@ -99,9 +100,9 @@
  let activePath = path;

  if (path !== undefined && path.lastIndexOf("/") > 0 && hideList.indexOf(path) === -1) {

    const tmpPath = path.substring(1, path.length);

    activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));

    if (!route.meta.link) {

        appStore.toggleSideBarHide(false);

      activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));

      appStore.toggleSideBarHide(false);

    }

  } else if(!route.children) {

    activePath = path;

@@ -195,7 +196,7 @@


/* 背景色隐藏 */

.topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .topmenu-container.el-menu--horizontal>.el-submenu .el-submenu__title:hover {

    background-color: #ffffff !important;

  background-color: #ffffff;

}



/* 图标右间距 */

@@ -210,4 +211,6 @@
  margin-left: 8px;

  margin-top: 0px;

}





</style>