vue3 ts antd layout

可以使用 Ant Design Vue 的 Layout 组件来实现一个基本的布局，同时结合 Vue 3 和 TypeScript 进行开发。以下是一个简单的示例代码：

<template>
  <a-layout>
    <a-layout-header>Header</a-layout-header>
    <a-layout>
      <a-layout-sider> Sider </a-layout-sider>
      <a-layout-content> Content </a-layout-content>
    </a-layout>
    <a-layout-footer>Footer</a-layout-footer>
  </a-layout>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { Layout } from 'ant-design-vue';

export default defineComponent({
  components: {
    'a-layout': Layout,
    'a-layout-header': Layout.Header,
    'a-layout-sider': Layout.Sider,
    'a-layout-content': Layout.Content,
    'a-layout-footer': Layout.Footer,
  },
});
</script>

注意，需要先安装 `ant-design-vue` 和 `@types/ant-design-vue` 依赖，分别用于引入 Ant Design Vue 组件和 TypeScript 类型定义。