github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-09-21 21:59:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: optimize menus and add Windows monitoring menu (#236)

Browse Source
This commit is contained in:
Fine0830
2023-02-17 13:29:42 +08:00
committed by GitHub
parent b2707e0e62
commit b247ed1c24
6 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/layout/components/SideBar.vue
View File

@@ -25,10 +25,11 @@ limitations under the License. -->
:default-active="name"
text-color="#efefef"
:collapse="isCollapse"
:collapse-transition="false"
:style="{ border: 'none' }"
>
<template v-for="(menu, index) in routes" :key="index">
<el-sub-menu :index="String(menu.name)" v-if="menu.meta.hasGroup">
<el-sub-menu :index="String(menu.name)" v-if="menu.meta.hasGroup" popper-class="sub-list">
<template #title>
<router-link class="items" :to="menu.path">
<el-icon class="menu-icons" :style="{ marginRight: '12px' }" @mouseover="setCollapse">
@@ -49,12 +50,12 @@ limitations under the License. -->
</el-sub-menu>
<el-menu-item :index="String(menu.name)" @click="changePage(menu)" v-else>
<el-icon class="menu-icons" :style="{ marginRight: '12px' }" @mouseover="setCollapse">
<router-link class="items" :to="menu.children[0].path">
<router-link class="items menu-title" :to="menu.children[0].path">
<Icon size="lg" :iconName="menu.meta.icon" />
</router-link>
</el-icon>
<template #title>
<router-link class="items" :to="menu.children[0].path">
<router-link class="items menu-title" :to="menu.children[0].path">
<span class="title">{{ t(menu.meta.title) }}</span>
</router-link>
</template>