|
@@ -1,31 +1,33 @@
|
|
|
<template>
|
|
|
<div v-if="isShowMenu == -1" class="bottom-side" :class="{ 'bottom-size-show': isShowMenu }">
|
|
|
<div class="menu-container">
|
|
|
- <template v-for="(menu, index) in currentParentRoute.children" :key="index">
|
|
|
- <FourBorderBg class="four-border-bg" v-if="!menu.hideMenu">
|
|
|
- <div class="vent-flex-row">
|
|
|
- <div class="parent-menu">
|
|
|
- {{ menu.name }}
|
|
|
- </div>
|
|
|
- <div class="vent-flex-row-wrap child-menu">
|
|
|
- <template v-for="(childMenu, childIndex) in menu.children" :key="childIndex">
|
|
|
- <template v-if="!childMenu.hideMenu">
|
|
|
- <template v-if="childMenu['ver'] == 1">
|
|
|
- <div class="child-menu-item" @click.stop="handleMenuClick(childMenu)">
|
|
|
- {{ childMenu.name }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <div class="child-menu-item-disabled" @click.stop="handleMenuClick(childMenu)" :style="{ backgroundColor: '#314671' }">
|
|
|
- {{ childMenu.name }}
|
|
|
- </div>
|
|
|
+ <div class="menu-items">
|
|
|
+ <template v-for="(menu, index) in currentParentRoute.children" :key="index">
|
|
|
+ <FourBorderBg class="four-border-bg" v-if="!menu.hideMenu">
|
|
|
+ <div class="vent-flex-row">
|
|
|
+ <div class="parent-menu">
|
|
|
+ {{ menu.name }}
|
|
|
+ </div>
|
|
|
+ <div class="vent-flex-row-wrap child-menu">
|
|
|
+ <template v-for="(childMenu, childIndex) in menu.children" :key="childIndex">
|
|
|
+ <template v-if="!childMenu.hideMenu">
|
|
|
+ <template v-if="childMenu['ver'] == 1">
|
|
|
+ <div class="child-menu-item" @click.stop="handleMenuClick(childMenu)">
|
|
|
+ {{ childMenu.name }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="child-menu-item-disabled" @click.stop="handleMenuClick(childMenu)" :style="{ backgroundColor: '#314671' }">
|
|
|
+ {{ childMenu.name }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</template>
|
|
|
</template>
|
|
|
- </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </FourBorderBg>
|
|
|
- </template>
|
|
|
+ </FourBorderBg>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
|
|
|
<div class="vent-flex-row-between menu-button-group">
|
|
|
<div class="vent-flex-row program-group">
|
|
@@ -202,8 +204,11 @@
|
|
|
background-color: #0c1e2b;
|
|
|
z-index: 999;
|
|
|
max-height: 900px;
|
|
|
- overflow-y: auto;
|
|
|
- // backdrop-filter: blur(8px);
|
|
|
+ .menu-items {
|
|
|
+ max-height: 840px;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+
|
|
|
.four-border-bg {
|
|
|
margin: 5px;
|
|
|
background-color: #ffffff00;
|