首页空数据显示修改

src/views/home/modules/template4.vue

@@ -296,7 +296,9 @@ onUnmounted(() => {
                 </NButton>
                 </template>
                 <template v-else>
-                <p class="text-xs text-slate-400 text-center">暂无数据</p>
+                    <div class="h-100% flex items-center justify-center py-3">
+                        <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
+                    </div>
                 </template>
             </div>
         </NCard>
@@ -324,7 +326,9 @@ onUnmounted(() => {
                             <NTag v-if="item.status==='REJECTED'" size="small" type="error" class="text-xs">驳回</NTag>
                         </div>
                     </div>
-                    <p v-else class="text-xs text-slate-400 text-center">暂无数据</p>
+                    <div v-else class="h-100% flex items-center justify-center py-3">
+                        <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
+                    </div>
                 </NCard>
             </NGi>
         </NGrid>
@@ -350,7 +354,9 @@ onUnmounted(() => {
             </div>
         </template>
         <template v-else>
-            <p class="text-xs text-slate-400 text-center">暂无数据</p>
+            <div class="h-100% flex items-center justify-center py-3">
+                <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
+            </div>
         </template>
         </NCard>
         <!-- 我的会签效率 -->