Menu 菜单 ​

<template>
  <ul-menu
    :menus="menus"
    width="200px"
    background-color="#2b303b"
    text-color="#bfcbd9"
    active-text-color="#ffffff"
    select-bg-color="#646cff" />
</template>

<script setup lang="ts">
import { ref } from "vue";

const menus = ref([
  {
    id: "jhbbffh",
    name: "组件管理",
    path: "/",
    meta: {
      icon: "mdi:cog",
    },
    children: [
      {
        id: "fjnfjnk",
        name: "表单",
        path: "form-demo",
        meta: {
          icon: "mdi:menu",
        },
      },
    ],
  },
  {
    id: "jhbbffh",
    name: "系统管理",
    path: "/sys",
    meta: {
      icon: "mdi:cog",
    },
    children: [
      {
        id: "fjnfjnk",
        name: "菜单管理",
        path: "/menu",
        meta: {
          icon: "mdi:menu",
        },
      },
    ],
  },
]);
</script>