gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 更新顶部菜单结构

Browse Source
This commit is contained in:
chenjinsong
2022-09-13 18:05:54 +08:00
parent f0c3f11166
commit ce23a36a05
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/css/components/components/layout/layout.scss
View File

@@ -206,6 +206,7 @@
border-bottom: 1px dashed #D8D8D8;
}
.middle-menus__body {
display: flex;
padding-top: 8px;
.middle-menu {
padding: 5px 0;
@@ -288,4 +289,4 @@
background: #C5C5C5;
border-radius: 4px;
border: 2px solid transparent;
}
}

13
src/components/layout/Header.vue
View File

@@ -129,9 +129,16 @@
<div class="middle-menus middle-menus--network-analytics">
<div class="middle-menus__header">{{$t('overall.networkAnalytics')}}</div>
<div class="middle-menus__body">
<template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
<div class="middle-menu" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
</template>
<div style="width: 260px;">
<template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
<div class="middle-menu" v-if="index < 5" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
</template>
</div>
<div>
<template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
<div class="middle-menu" v-if="index >= 5 && index < 10" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
</template>
</div>
</div>
</div>
</div>