浏览代码

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

EvilDragon 3 月之前
父节点
当前提交
667d7d61de
共有 1 个文件被更改,包括 7 次插入3 次删除
  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>