el-menu悬浮样式

`el-menu`是Element Plus库中的导航菜单组件，它支持多种样式，其中一种常见的悬浮（也称为侧边栏固定或浮动）样式，可以让菜单在页面滚动时始终保持在视口的一侧。要在`el-menu`中启用这种悬浮效果，你可以这样做：

1. 首先，在HTML结构中包含`el-menu`组件，并添加`position="fixed"`属性使其成为固定定位元素：

<template>
  <div class="app-container">
    <!-- 其他内容 -->
    <el-menu :default-active="$route.path" position="fixed">
      <!-- menu选项配置 -->
    </el-menu>
    <!-- 主体内容区域 -->
  </div>
</template>

2. 然后，在CSS样式中，对`.el-menu`进行一些定制，比如设置宽度、背景色等，同时确保其不会覆盖其他滚动内容：

.el-menu {
  width: 200px; /* 可自定义宽度 */
  background-color: #fff;
  border-right: 1px solid #ccc;
}

/* 如果需要阻止菜单遮挡主要内容，可以为主要内容容器添加滚动条 */
.app-container::-webkit-scrollbar { /* 或者通用的 .app-container */
  display: none;
}