🐛 fix: menu

layouts/VabSideBar/index.vue

@@ -12,12 +12,8 @@
       :unique-opened="uniqueOpened"
       mode="vertical"
     >
-      <template v-for="route in routes">
+      <template v-for="route in routes" :key="route.path">
-        <vab-side-bar-item
+        <vab-side-bar-item :full-path="route.path" :item="route" />
-          :key="route.path"
-          :full-path="route.path"
-          :item="route"
-        />
       </template>
     </el-menu>
   </el-scrollbar>
@@ -126,10 +122,7 @@
       .el-menu-item,
       .el-submenu__title {
         height: $base-menu-item-height;
-        overflow: hidden;
         line-height: $base-menu-item-height;
-        text-overflow: ellipsis;
-        white-space: nowrap;
         vertical-align: middle;
       }
 

src/styles/variables.scss

@@ -5,7 +5,7 @@
 /* stylelint-disable */
 @charset "utf-8";
 //框架默认主题色
-$base-color-default: #0187fb;
+$base-color-default: #409eff;
 //默认层级
 $base-z-index: 999;
 //横向布局纵向布局时菜单背景色

vue.config.js

@@ -178,13 +178,9 @@ module.exports = {
   productionSourceMap: false,
   css: {
     requireModuleExtension: true,
-    sourceMap: true,
+    sourceMap: false,
     loaderOptions: {
       scss: {
-        /*sass-loader 8.0语法 */
-        //prependData: '@import "~@/styles/variables.scss";',
-
-        /*sass-loader 9.0写法，感谢github用户 shaonialife*/
         additionalData(content, loaderContext) {
           const { resourcePath, rootContext } = loaderContext
           const relativePath = path.relative(rootContext, resourcePath)