m

src/data/menuData.ts

@@ -24,22 +24,27 @@ export const list = [
         children: [{
             title: '用户信息查询及变更服务',
             path: 'userQueryChange',
+            icon:'User',
             children: []
         }, {
             title: '车辆信息查询及变更服务',
             path: 'vehicleEnquirChange',
+            icon:'Van',
             children: []
         }, {
             title: '签约信息查询服务',
             path: 'signingQuery',
+            icon:'Tickets',
             children: []
         }, {
             title: '卡片信息查询服务',
             path: 'cardQueries',
+            icon:'Postcard',
             children: []
         }, {
             title: 'OBU信息查询服务',
             path: 'OBUQuery',
+            icon:'Link',
             children: []
         }]
     },

src/layout/index.vue

@@ -16,8 +16,8 @@
 
         <!-- 菜单主体部分 -->
         <div style="height: 100%;background-color: #FFFFFF;">
-          <el-scrollbar>
-            <el-menu :default-active="menuIndex.menuIndex" mode="vertical" :router="false" @select="select"
+          <el-scrollbar height="100%">
+            <el-menu :default-active="menuIndex.menuIndex" width="280" mode="vertical" :router="false" @select="select"
               :collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo">
               <SidebarItem :list="list" />
             </el-menu>
@@ -114,7 +114,7 @@
 
 <style lang="scss" scoped>
   .el-menu-vertical-demo:not(.el-menu--collapse) {
-    width: 240px;
+    width: 248px;
     min-height: 400px;
   }