Thu Mar 28 16:01:00 CST 2024 inscode

src/components/layout/index.vue

@@ -3,16 +3,19 @@
         <el-header>
             <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
                 background-color="#545c64" text-color="#fff" router active-text-color="#ffd04b">
-                <template v-for="(menu, i) in menuList" >
-                    <el-submenu v-if="menu.children"  :index="menu.path" :key="`submenu-${i}`">
-                        <template slot="title">{{ menu.meta.title }}</template>
-                        <el-menu-item v-for="(menu2, m) in menu.children" :key="`menu-${i}-${m}`"  :index="menu2.path">{{ menu2.meta.title }}</el-menu-item>
+                <template v-for="(menu, i) in menuList">
+                    <el-submenu v-if="menu.children" :index="menu.path" :key="`submenu-${i}`">
+                        <span slot="title"><i :class="menu.meta.icon"></i>{{ menu.meta.title }}</span>
+                        <el-menu-item v-for="(menu2, m) in menu.children" :key="`menu-${i}-${m}`" :index="menu2.path">{{
+                            menu2.meta.title }}</el-menu-item>
                     </el-submenu>
-                    <el-menu-item v-else :key="`menu-${i}`" :index="menu.path"><i :class="menu.meta.icon"></i>{{ menu.meta.title }}</el-menu-item>
+                    <el-menu-item v-else :key="`menu-${i}`" :index="menu.path"><i :class="menu.meta.icon"></i>{{
+                        menu.meta.title }}</el-menu-item>
                 </template>
 
                 <el-menu-item index="3" disabled>消息中心</el-menu-item>
-                <el-menu-item index="4"><a href="https://inscode.csdn.net/@tinyu5/VueJS" target="_blank">InsCode</a></el-menu-item>
+                <el-menu-item index="4"><a href="https://inscode.csdn.net/@tinyu5/VueJS"
+                        target="_blank">InsCode</a></el-menu-item>
             </el-menu>
         </el-header>
         <el-main>
@@ -47,5 +50,4 @@ export default {
 .el-header,
 el-main {
     padding: 0;
-}
-</style>
+}</style>
\ No newline at end of file
\ No newline at end of file

src/router/routes.js

@@ -9,17 +9,17 @@ export default [
     },
     {
         path:'/element-ui',
-        meta:{title:'Element-Ui',icon:''},
+        meta:{title:'element-ui',icon:'el-icon-platform-eleme'},
         component:DynamicRoute,
     },
     {
         path:'/antdv',
-        meta:{title:'Ant-Design-Vue',icon:''},
+        meta:{title:'antdv',icon:'el-icon-receiving'},
         component:DynamicRoute,
     },
     {
         path:'/echarts',
-        meta:{title:'Echarts',icon:''},
+        meta:{title:'Echarts',icon:'el-icon-pie-chart'},
         component:DynamicRoute,
         redirect:'/echarts/gantt',
         children:[