github/basic
1
0
Fork 1
mirror of https://github.com/fantastic-admin/basic.git synced 2026-10-07 13:07:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复侧边栏导航图标显示问题

Browse Source
This commit is contained in:
hooray
2021-09-29 09:43:47 +08:00
parent 8fd0a575c8
commit 24e8c53b28
1 changed files with 2 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layout/components/SidebarItem/index.vue
+2 -18
View File
@@ -10,15 +10,14 @@
<router-link v-else-if="!hasChildren" v-slot="{ href, navigate, isActive, isExactActive }" custom :to="resolvePath(item.path)">
<a :href="isExternal(resolvePath(item.path)) ? resolvePath(item.path) : href" :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']" :target="isExternal(resolvePath(item.path)) ? '_blank' : '_self'" @click="navigate">
<el-menu-item :title="item.meta.title" :index="resolvePath(item.path)">
<svg-icon v-if="iconName(isActive || isExactActive, item.meta.icon)" :name="iconName(isActive || isExactActive, item.meta.icon)" class="icon" />
<svg-icon v-if="item.meta.icon" :name="item.meta.icon" class="icon" />
<span class="title">{{ item.meta.title }}</span>
</el-menu-item>
</a>
</router-link>
<el-sub-menu v-else :title="item.meta.title" :index="resolvePath(item.path)">
<template #title>
<svg-icon v-if="item.meta.icon" :name="item.meta.icon" class="icon unactive" />
<svg-icon v-if="item.meta.activeIcon || item.meta.icon" :name="item.meta.activeIcon || item.meta.icon" class="icon active" />
<svg-icon v-if="item.meta.icon" :name="item.meta.icon" class="icon" />
<span class="title">{{ item.meta.title }}</span>
</template>
<SidebarItem v-for="route in item.children" :key="route.path" :item="route" :base-path="resolvePath(item.path)" />
@@ -65,13 +64,6 @@ function resolvePath(routePath) {
}
return props.basePath ? path.resolve(props.basePath, routePath) : routePath
}
function iconName(isActive, icon) {
let name = ''
if (!isActive && icon) {
name = icon
}
return name
}
</script>
<style lang="scss" scoped>
@@ -111,14 +103,6 @@ function iconName(isActive, icon) {
> .el-sub-menu__title > .icon.active {
display: none;
}
&.is-active {
> .el-sub-menu__title > .icon.unactive {
display: none;
}
> .el-sub-menu__title > .icon.active {
display: block;
}
}
}
a {
cursor: pointer;