支持开启暗黑模式

RuoYi

2024-12-04 e212a0ab75e1c59d0d030ac0b2f07048f6a0f9cf

 src/layout/components/Sidebar/SidebarItem.vue

@@ -4,20 +4,20 @@
      <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path, onlyOneChild.query)">

        <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{ 'submenu-title-noDropdown': !isNest }">

          <svg-icon :icon-class="onlyOneChild.meta.icon || (item.meta && item.meta.icon)"/>

          <template #title>{{ onlyOneChild.meta.title }}</template>

          <template #title><span class="menu-title" :title="hasTitle(onlyOneChild.meta.title)">{{ onlyOneChild.meta.title }}</span></template>

        </el-menu-item>

      </app-link>

    </template>



    <el-sub-menu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>

    <el-sub-menu v-else ref="subMenu" :index="resolvePath(item.path)" teleported>

      <template v-if="item.meta" #title>

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

        <span>{{ item.meta.title }}</span>

        <span class="menu-title" :title="hasTitle(item.meta.title)">{{ item.meta.title }}</span>

      </template>



      <sidebar-item

        v-for="child in item.children"

        :key="child.path"

        v-for="(child, index) in item.children"

        :key="child.path + index"

        :is-nest="true"

        :item="child"

        :base-path="resolvePath(child.path)"

@@ -57,11 +57,9 @@
  const showingChildren = children.filter(item => {

    if (item.hidden) {

      return false

    } else {

      // Temp set(will be used if only has one showing child)

      onlyOneChild.value = item

      return true

    }

    onlyOneChild.value = item

    return true

  })



  // When there is only one child router, the child router is displayed by default

@@ -91,4 +89,12 @@
  }

  return getNormalPath(props.basePath + '/' + routePath)

}



function hasTitle(title){

  if (title.length > 5) {

    return title;

  } else {

    return "";

  }

}

</script>