From 65fc77918e95bcab1d98227eec93911588e3bd49 Mon Sep 17 00:00:00 2001 From: java110 <928255095@qq.com> Date: Fri, 24 Jun 2022 15:29:05 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/components/frame/menu2/menu2.html | 1 + public/components/frame/menu2/menu2.js | 5 +++++ public/css/vc.css | 11 ++++++++++- 3 files changed, 16 insertions(+), 1 deletion(-) diff --git a/public/components/frame/menu2/menu2.html b/public/components/frame/menu2/menu2.html index 7c20b8406..d5fa2646c 100755 --- a/public/components/frame/menu2/menu2.html +++ b/public/components/frame/menu2/menu2.html @@ -14,6 +14,7 @@
  • {{vc.i18n(subMenu.name)}}
  • + \ No newline at end of file diff --git a/public/components/frame/menu2/menu2.js b/public/components/frame/menu2/menu2.js index 08d585eb2..42a2ffc03 100755 --- a/public/components/frame/menu2/menu2.js +++ b/public/components/frame/menu2/menu2.js @@ -15,6 +15,8 @@ //监听 菜单目录改变 document.body.addEventListener('loadMenu', function(_param) { + vm.curMenuName = ''; + vm.subMenus = []; vm.getMenus(_param.detail); }, false); }, @@ -132,6 +134,9 @@ } } this.$forceUpdate(); + }, + _closeSubMenu: function() { + vm.curMenuName = ''; } }, diff --git a/public/css/vc.css b/public/css/vc.css index ffb2ad0db..f40110088 100644 --- a/public/css/vc.css +++ b/public/css/vc.css @@ -10,6 +10,7 @@ --vc-menu-sub-bg-active-color: #EAF0FE; --vc-menu-sub-active-font-color: #4979F4; --vc-menu-sub-title-font-color: #4F525C; + --vc-menu-sub-footer: #F6F6F7; --vc-nav-bg: #FFFFFF; --vc-nav-color: #888888; --vc-nav-active-color: #4979F4; @@ -550,7 +551,7 @@ body, text-align: start; width: 160px; font-size: 14px; - height: 100%; + height: 95%; overflow-x: hidden; overflow-y: scroll; } @@ -582,6 +583,14 @@ body, margin-bottom: 10px; } +.vc-menu-sub ul li.sub-footer { + background-color: var(--vc-menu-sub-footer); + text-align: center; + position: fixed; + bottom: 0; + width: 160px; +} + .vc-main { height: 100%; width: 100%;