新增

2026-03-01 14:17:59 +08:00
parent 65aa12f146
commit a07e844c47
6071 changed files with 777651 additions and 0 deletions
@@ -0,0 +1,42 @@
+<template>
+    <ElMenu class="menu" v-bind="$props" :ellipsis="true">
+        <div v-for="item in menu" :key="item.path">
+            <slot name="item" :item="item">
+                <MenuItem :menu-item="item" :route-path="item.path" />
+            </slot>
+        </div>
+    </ElMenu>
+</template>
+
+<script lang="ts" setup>
+import { ElMenu, menuProps } from 'element-plus'
+import { PropType } from 'vue'
+import MenuItem from './menu-item.vue'
+defineProps({
+    menu: {
+        type: Array as PropType<any[]>,
+        default: () => []
+    },
+    ...menuProps
+})
+</script>
+
+<style lang="scss" scoped>
+.menu {
+    &.el-menu--horizontal {
+        --el-menu-item-height: 40px;
+        border-bottom: none;
+        :deep(.el-menu-item) {
+            span {
+                border-bottom: 2px solid transparent;
+            }
+            &.is-active > span {
+                border-color: currentColor;
+            }
+        }
+    }
+    &.el-menu--vertical:not(.el-menu--collapse) {
+        width: 200px;
+    }
+}
+</style>