From 28d79ea1403b31955d29f8cfae17f63573a4069d Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Fri, 31 May 2024 15:02:36 +0800
Subject: [PATCH] io

---
 components/i/library/Header.vue | 5 +++++
 pages/library/[id].vue          | 7 ++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/i/library/Header.vue b/components/i/library/Header.vue
index 2b5fd99..0dccb44 100644
--- a/components/i/library/Header.vue
+++ b/components/i/library/Header.vue
@@ -17,6 +17,7 @@
                         <div class="flex items-center text-xl gap-2">
                             <UIcon name="i-heroicons-squares-2x2" />
                             <div>{{ collect }}</div>
+                            <UBadge color="gray" variant="soft" :label="count" />
                         </div>
                     </template>
                 </div>
@@ -43,6 +44,10 @@ defineProps({
     description: {
         type: String,
         default: ''
+    },
+    count: {
+        type: Number,
+        default: 0
     }
 })
 const searchQuery = ref('')
diff --git a/pages/library/[id].vue b/pages/library/[id].vue
index e6938c1..6e9a371 100644
--- a/pages/library/[id].vue
+++ b/pages/library/[id].vue
@@ -1,6 +1,11 @@
 <template>
     <div class="w-full items-center flex flex-col">
-        <ILibraryHeader v-if="currentCollect" :collect="currentCollect.name" :description="currentCollect.description" />
+        <ILibraryHeader
+            v-if="currentCollect"
+            :collect="currentCollect.name"
+            :description="currentCollect.description"
+            :count="currentCollect.record_count"
+        />
         <div class="container max-w-screen-lg flex flex-col p-6">
             <div class="flex gap-10">
                 <div class="flex flex-col flex-grow">
-- 
GitLab