示例结构调整，避免页面出现空白

src/views/list/basicList/index.vue

@@ -1,4 +1,5 @@
 <template>
+  <n-flex vertical>
     <n-card :bordered="false">
       <BasicForm @register="register" @submit="handleSubmit" @reset="handleReset">
         <template #statusSlot="{ model, field }">
@@ -6,7 +7,7 @@
         </template>
       </BasicForm>
     </n-card>
-  <n-card :bordered="false" class="mt-3">
+    <n-card :bordered="false">
       <BasicTable
         :columns="columns"
         :request="loadDataTable"
@@ -47,7 +48,11 @@
             <n-input type="textarea" placeholder="请输入地址" v-model:value="formParams.address" />
           </n-form-item>
           <n-form-item label="日期" path="date">
-          <n-date-picker type="datetime" placeholder="请选择日期" v-model:value="formParams.date" />
+            <n-date-picker
+              type="datetime"
+              placeholder="请选择日期"
+              v-model:value="formParams.date"
+            />
           </n-form-item>
         </n-form>
 
@@ -59,6 +64,7 @@
         </template>
       </n-modal>
     </n-card>
+  </n-flex>
 </template>
 
 <script lang="ts" setup>