Commit 4253775a8d8b0972f5aeb24e629193afe03b1a79
1 parent
f7a4bce8
perf(src/packages): 优化3D模型列表,无数据无暂无数据内容
Showing
1 changed file
with
13 additions
and
1 deletions
... | ... | @@ -54,7 +54,14 @@ |
54 | 54 | </n-dropdown> |
55 | 55 | </n-space> |
56 | 56 | </div> |
57 | - <n-grid style="margin-top: 16px" :x-gap="20" :y-gap="20" cols="2 s:2 m:3 l:4 xl:4 xxl:4" responsive="screen"> | |
57 | + <n-grid | |
58 | + v-if="list && list.length" | |
59 | + style="margin-top: 16px" | |
60 | + :x-gap="20" | |
61 | + :y-gap="20" | |
62 | + cols="2 s:2 m:3 l:4 xl:4 xxl:4" | |
63 | + responsive="screen" | |
64 | + > | |
58 | 65 | <n-grid-item v-for="(item, index) in list" :key="item.id"> |
59 | 66 | <div style="display: none">{{ index }}</div> |
60 | 67 | <project-items-card |
... | ... | @@ -68,6 +75,11 @@ |
68 | 75 | ></project-items-card> |
69 | 76 | </n-grid-item> |
70 | 77 | </n-grid> |
78 | + <div v-else style="height: calc(100vh - 40vh);display: flex;align-items: center;justify-content: center"> | |
79 | + <n-empty description="暂无数据"> | |
80 | + <template #extra> </template> | |
81 | + </n-empty> | |
82 | + </div> | |
71 | 83 | </div> |
72 | 84 | <div class="list-pagination"> |
73 | 85 | <n-pagination | ... | ... |