结合vue3，ts语法，要求使用ant-design组件帮我绘制一个页面，页面布局为有着四列的a-list组件，第一列title为空，四行内容分别为1，2，3，4，页面布局为有着四列的a-list组件，第一列title为空，四行内容分别为1，2，3，4

以下是基于Vue3和TypeScript语法，使用Ant Design组件库绘制的页面代码：

<template>
  <div class="list-container">
    <a-list bordered class="list-item">
      <a-list-item :style="{ fontWeight: 'bold' }"></a-list-item>
      <a-list-item>1</a-list-item>
      <a-list-item>2</a-list-item>
      <a-list-item>3</a-list-item>
      <a-list-item>4</a-list-item>
    </a-list>
    <a-list bordered class="list-item">
      <a-list-item :style="{ fontWeight: 'bold' }">Title</a-list-item>
      <a-list-item>1</a-list-item>
      <a-list-item>2</a-list-item>
      <a-list-item>3</a-list-item>
      <a-list-item>4</a-list-item>
    </a-list>
    <a-list bordered class="list-item">
      <a-list-item :style="{ fontWeight: 'bold' }"></a-list-item>
      <a-list-item>1</a-list-item>
      <a-list-item>2</a-list-item>
      <a-list-item>3</a-list-item>
      <a-list-item>4</a-list-item>
    </a-list>
    <a-list bordered class="list-item">
      <a-list-item :style="{ fontWeight: 'bold' }"></a-list-item>
      <a-list-item>1</a-list-item>
      <a-list-item>2</a-list-item>
      <a-list-item>3</a-list-item>
      <a-list-item>4</a-list-item>
    </a-list>
  </div>
</template>

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

export default defineComponent({
  name: 'MyList',
  components: {
    AList,
    AListItem,
  },
});
</script>

<style scoped>
.list-container {
  display: flex;
}

.list-item {
  flex: 1;
  margin-right: 20px;
}
</style>

这段代码将会生成一个包含四个列表项的容器，每个列表项都具有边框和四个行内容，其中第一个列表项的标题为空，而第二个列表项的标题为"Title"。每个列表项都有相同的宽度，使用flex布局实现等分。

需要注意的是，由于使用了Ant Design组件库，因此需要在代码中引入相应的组件，这里使用了AList和AListItem组件。同时，还需要在样式中设置列表项的样式，这里使用了scoped样式。