其中BasicLayout的左侧列表菜单怎么显示

Ant Design Pro 中的 BasicLayout 左侧列表菜单是通过路由配置生成的。具体来说，你需要在路由配置中指定每个页面对应的菜单项信息，然后 BasicLayout 会根据这些信息自动生成菜单。

下面是一个示例路由配置，其中包含两个页面，分别是 Dashboard 和 Users：

export const routes = [
  {
    path: '/',
    redirect: '/dashboard',
    meta: { title: '首页' }
  },
  {
    path: '/dashboard',
    name: 'dashboard',
    component: () => import('@/views/dashboard'),
    meta: { title: 'Dashboard', icon: 'dashboard' }
  },
  {
    path: '/users',
    name: 'users',
    component: () => import('@/views/users'),
    meta: { title: '用户管理', icon: 'user' }
  }
];

在这个路由配置中，每个页面都有一个对应的 meta 对象，用于指定页面的标题和图标。这些信息会被 BasicLayout 使用，生成左侧的列表菜单。

在 BasicLayout 组件中，左侧列表菜单的代码如下：

<Menu mode="inline" theme="dark" :selected-keys="[$route.path]">
  <Menu.Item v-for="menu in menuList" :key="menu.path" :to="{ path: menu.path }">
    <Icon :type="menu.icon" />
    <span>{{ menu.meta.title }}</span>
  </Menu.Item>
</Menu>

可以看到，这里使用了 Vue 的 v-for 指令和动态绑定，根据路由配置中的 meta 信息动态生成菜单项。在这个示例中，Dashboard 页面对应的菜单项具有标题 Dashboard 和图标 dashboard，Users 页面对应的菜单项具有标题 用户管理 和图标 user。

如果你想自定义菜单项的样式或者添加子菜单，可以在路由配置中添加更多的 meta 信息，并在 BasicLayout 组件中根据这些信息生成菜单。