优化代码

public/components/frame/menu2/menu2.html

@@ -14,6 +14,7 @@
             <li v-for="subMenu in subMenus" v-if="subMenu.isShow == 'Y'" v-bind:class="{ active: subMenu.active }" v-on:click="_gotoPage(subMenu.href,subMenu.name)">
                 {{vc.i18n(subMenu.name)}}
             </li>
+            <li class="sub-footer" @click="_closeSubMenu()"><i class="fa fa-dedent"></i></li>
         </ul>
     </div>
 </div>

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 = '';
             }
 
         },

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%;