学习创建app框架。

企业级管理系统/web/admin_system/src/layout/components/Aside.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:30:33
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-06 18:08:03
+ * @LastEditTime: 2023-01-06 19:24:41
  * @FilePath: \admin_system\src\layout\components\Aside.vue
  * @Description: 
  * 
@@ -16,7 +16,7 @@
                 <template v-if="hasOnlyChild(route.children)">
                     <!-- 当只有一个子路由时，直接渲染子路由 -->
                     <el-menu-item :index="route.children[0].path">
-                        <template #title>{{ route.children[0].meta && route.children[0].meta.title }}</template>
+                        <div>{{ route.children[0].meta && route.children[0].meta.title }}</div>
                     </el-menu-item>
                 </template>
                 <template v-else>
@@ -25,7 +25,7 @@
                         <template #title>{{ route.meta && route.meta.title }}</template>
                         <template v-for="child in route.children" :key="child.path">
                             <el-menu-item v-if="!child.hidden" :index="child.path">
-                                <template #title>{{ child.meta && child.meta.title }}</template>
+                                <div>{{ child.meta && child.meta.title }}</div>
                             </el-menu-item>
                         </template>
                     </el-sub-menu>
@@ -33,6 +33,7 @@
             </template>
         </template>
     </el-menu>
+    <a href="#/newsedit">测试</a>
 </template>
 
 <script>
@@ -89,10 +90,17 @@ export default {
 
 .is-active {
     background-color: #ffffff4f !important;
-    border-left: 5px solid #1d74b2;
 }
 
+
+
 .is-opened {
-    border-left: none;
+    border-left: 5px solid #1d74b2;
+    /* background-color: #344a5f !important; */
 }
+
+/* .el-menu-item {
+    padding: 5px;
+    border: 1px solid red;
+} */
 </style>