vebn菜单修改为 一级菜单+联动二级

效果图：

原菜单

接下来就是来理下思路

1.分为三部分，顶部，左侧，tabs页
2.顶部修改为一级菜单；
3.左侧菜单和顶部一级菜单联动，显示二级菜单；
4.tabs页和顶部，左侧联动。

接下来就是要上手改起来了

1.一级菜单先来，找到目录

1.将获取到的全部菜单，处理成可用的一级菜单
遍历所有菜单，添加hidePathForChildren属性，并删除隐藏菜单（比如：首页等）。
2.点击一级菜单时，将值存储到localStorage

<template>
  <div :class="[prefixCls, `${prefixCls}--${theme}`]">
    <a-menu mode="horizontal" :theme="theme" @click="menuClick" v-model:selectedKeys="selectedKeys">
      <template v-for="item in routes" :key="item.path">
        <template v-if="item.hidePathForChildren">
          <a-menu-item :key="item.path">
            <Icon :icon="item.icon" />
            {
  { item.title }}
          </a-menu