前端页面布局修改,后台数据库结构变化，需要重新导入数据库才可使用

QMPlusVuePage/src/view/layout/aside/asideComponent/index.vue

@@ -12,14 +12,14 @@ import AsyncSubmenu from './asyncSubmenu'
 
 export default {
   name: 'AsideComponent',
-  computed:{
-      menuComponent(){
-          if(this.routerInfo.children.length){
-              return 'AsyncSubmenu'
-          }else{
-              return 'MenuItem'
-          }
+  computed: {
+    menuComponent() {
+      if (this.routerInfo.children.length) {
+        return 'AsyncSubmenu'
+      } else {
+        return 'MenuItem'
       }
+    }
   },
   props: {
     routerInfo: {

QMPlusVuePage/src/view/layout/aside/index.vue

@@ -1,26 +1,21 @@
 <template>
   <div>
-    <div @click="isCollapse=!isCollapse" class="menu-total">
-      <i class="el-icon-arrow-right" v-if="isCollapse"></i>
-      <i class="el-icon-arrow-left" v-else></i>
-    </div>
-    <el-scrollbar style="height:calc(100vh - 60px)">
-       
-        <el-menu
-          :collapse-transition="true"
-          :class="['el-menu-vertical',!isCollapse&&'noCollapse']"
-          :collapse="isCollapse"
-          :default-active="active"
-          @select="selectMenuItem"
-          unique-opened
-          background-color="#0F3D5F"
-          text-color="#bbb"
-          active-text-color="#fff"
-        >
-          <template v-for="item in asyncRouters[0].children">
-            <aside-component :key="item.name" :routerInfo="item" v-if="!item.hidden" />
-          </template>
-        </el-menu>
+    <el-scrollbar style="height:calc(100vh)">
+      <el-menu
+        :class="['el-menu-vertical',!isCollapse&&'noCollapse']"
+        :collapse="isCollapse"
+        :collapse-transition="true"
+        :default-active="active"
+        @select="selectMenuItem"
+        active-text-color="#fff"
+        background-color="#0F3D5F"
+        text-color="rgb(191, 203, 217)"
+        unique-opened
+      >
+        <template v-for="item in asyncRouters[0].children">
+          <aside-component :key="item.name" :routerInfo="item" v-if="!item.hidden" />
+        </template>
+      </el-menu>
     </el-scrollbar>
   </div>
 </template>
@@ -61,8 +56,8 @@ export default {
 </script>
 
 <style lang="scss">
-.el-scrollbar{
-  .el-scrollbar__view{
+.el-scrollbar {
+  .el-scrollbar__view {
     height: 100%;
   }
 }