菜单

src/layout/components/Sidebar/SidebarItem.vue

@@ -11,10 +11,15 @@
 
     <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
       <template slot="title">
-        <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
+        <app-link v-if="!item.path.includes('key')" :to="resolvePath(item.path)">
+          <el-menu-item :index="resolvePath(item.path)" class="sublink" :class="{'submenu-title-noDropdown':!isNest}">
+            <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
+          </el-menu-item>
+        </app-link>
+        <item v-else :icon="item.meta && item.meta.icon" :title="item.meta.title" />
       </template>
-      <sidebar-item v-for="child in item.children" :key="child.path" :is-nest="true" :item="child"
-        :base-path="resolvePath(child.path)" class="nest-menu" />
+      <sidebar-item v-for="(child,index) in item.children" :key="child.path" :is-nest="true" :item="child"
+        :base-path="resolvePath(child.path)" class="nest-menu submenu-item" />
     </el-submenu>
   </div>
 </template>
@@ -97,8 +102,15 @@
     }
   }
 </script>
-<style>
-/*  .el-submenu__title i {
+<style scoped lang="scss">
+  /*  .el-submenu__title i {
     color: #fff !important;
   } */
+  ::v-deep .submenu-item .el-submenu__title {
+    padding: 0 !important;
+  }
+
+  ::v-deep .submenu-item .sublink {
+    padding-left: 40px !important;
+  }
 </style>

vue.config.js

@@ -25,7 +25,7 @@ module.exports = {
    * Detail: https://cli.vuejs.org/config/#publicpath
    */
   publicPath: process.env.ENV === 'staging' ? '/admin_test' : '/admin',
-  outputDir: '/Users/mac/Documents/朗业/2024/s-四世同堂-档案/sstt_dangan/public/admin_test',
+  outputDir: '/Users/mac/Documents/朗业/2024/s-四世同堂-档案/sstt_dangan/public/admin',
   assetsDir: 'static',
   css: {
     loaderOptions: { // 向 CSS 相关的 loader 传递选项