Browse Source

feat: 优化页面内容展示逻辑,调整状态提示和插槽布局

EvilDragon 3 months ago
parent
commit
667d7d61de
1 changed files with 7 additions and 3 deletions
  1. 7 3
      packages/app/src/components/page-helper-evo.vue

+ 7 - 3
packages/app/src/components/page-helper-evo.vue

@@ -99,11 +99,15 @@ defineExpose({
         <slot name="top"></slot>
       </div>
     </div>
-    <div class="flex-grow flex flex-col justify-center">
+    <div class="flex-grow flex flex-col">
       <template v-if="!items?.length">
-        <wd-status-tip :image="NetImages.NotContent" tip="暂无内容"></wd-status-tip>
+        <div class="flex-grow flex flex-col justify-center">
+          <wd-status-tip :image="NetImages.NotContent" tip="暂无内容"></wd-status-tip>
+        </div>
       </template>
-      <slot :source="{ list: items }"></slot>
+      <div v-if="items.length" class="flex-grow flex flex-col">
+        <slot :source="{ list: items }"></slot>
+      </div>
       <template v-if="nomore">
         <div class="my-4"><wd-divider>没有更多了</wd-divider></div>
       </template>