u

code/base-project/base-vue/src/App.vue

@@ -1,17 +1,35 @@
 <script setup lang="ts">
-
+const items = Array.from({ length: 10 }, (_, i) => ({
+  prefix: `图标${i + 1}`,
+  content: `这是内容${i + 1}`,
+  suffix: `操作${i + 1}`,
+}))
 </script>
 
 <template>
-  <div>
-    content
-
-    <t-descriptions-item label="Name">
-      TDesign
-    </t-descriptions-item>
+  <div class="main">
+    <AList header="列表 Header" footer="列表 Footer" style="width: 1000px;height:400px">
+      <AListItem v-for="(item, index) in items" :key="index">
+        <template #prefix>
+          {{ item.prefix }}
+        </template>
+        {{ item.content }}
+        <template #suffix>
+          {{ item.suffix }}
+        </template>
+      </AListItem>
+    </AList>
   </div>
 </template>
 
 <style lang="scss" scoped>
-
+.main {
+  height: 800px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #eeeeee;
+  flex-direction: column;
+  gap:16px;
+}
 </style>

code/base-project/base-vue/src/components.d.ts

@@ -16,10 +16,15 @@ declare module 'vue' {
     ACollapse: typeof import('@ao/ao-design')['Collapse']
     ACollapseGroup: typeof import('@ao/ao-design')['CollapseGroup']
     AConfigProvider: typeof import('@ao/ao-design')['ConfigProvider']
+    ADescriptions: typeof import('@ao/ao-design')['Descriptions']
+    'ADescriptions.Item': typeof import('@ao/ao-design')['Descriptions.Item']
+    ADescriptionsGroup: typeof import('@ao/ao-design')['DescriptionsGroup']
     ADrawer: typeof import('@ao/ao-design')['Drawer']
     AGroup: typeof import('@ao/ao-design')['Group']
     AIcon: typeof import('@ao/ao-design')['Icon']
     AInput: typeof import('@ao/ao-design')['Input']
+    AList: typeof import('@ao/ao-design')['List']
+    AListItem: typeof import('@ao/ao-design')['ListItem']
     ALoading: typeof import('@ao/ao-design')['Loading']
     AMessage: typeof import('@ao/ao-design')['Message']
     AModal: typeof import('@ao/ao-design')['Modal']