利用ant desgin vue 里面的layout布局

<template>
  <a-layout class="rbd-layout-task-center">
    <a-layout-sider
      class="rbd-ant-layout-sider"
      theme="light"
      v-model="collapsed"
      collapsible
      :collapsedWidth="60"
    >
      <a-menu
        :selected-keys="selectedKeys"
        mode="inline"
        @click="onClickMenu"
        class="rbd-ant-menu"
      >
        <template v-for="subNav in subNavList">
          <a-menu-item :key="subNav.path">
            <i class="anticon">
              <i :class="['iconfont', subNav.meta.icon]"></i>
            </i>
            <span>{
   {
    subNav.meta.title }}</span>
          </a-menu-item