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

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

@@ -206,6 +206,7 @@
border-bottom: 1px dashed #D8D8D8; border-bottom: 1px dashed #D8D8D8;
} }
.middle-menus__body { .middle-menus__body {
display: flex;
padding-top: 8px; padding-top: 8px;
.middle-menu { .middle-menu {
padding: 5px 0; padding: 5px 0;

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

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