From 538bb4b2695284e513f5813643db89a7a3814f67 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Fri, 31 May 2024 10:37:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E8=97=8F=E5=A4=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/i/library/Collect.vue |  2 +-
 components/i/library/Header.vue  |  5 +++++
 pages/library/[id].vue           | 12 +++++++++---
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/components/i/library/Collect.vue b/components/i/library/Collect.vue
index d79765e..16a2a8c 100644
--- a/components/i/library/Collect.vue
+++ b/components/i/library/Collect.vue
@@ -2,7 +2,7 @@
     <ULink :to="`/library/${item.id}`">
         <UCard :ui="cardUI">
             <div class="flex flex-col gap-1">
-                <div>{{item.name}}</div>
+                <div>{{ item.name }}</div>
                 <div class="flex">
                     <div class="flex items-center text-gray-500 text-sm gap-0.5">
                         <UIcon name="i-heroicons-square-3-stack-3d" />
diff --git a/components/i/library/Header.vue b/components/i/library/Header.vue
index a73bb75..2b5fd99 100644
--- a/components/i/library/Header.vue
+++ b/components/i/library/Header.vue
@@ -29,6 +29,7 @@
                     />
                 </div>
             </div>
+            <div v-if="description" class="text-gray-500 ml-12 mt-2">{{ description }}</div>
         </div>
         <UDivider />
     </div>
@@ -38,6 +39,10 @@ defineProps({
     collect: {
         type: String,
         default: ''
+    },
+    description: {
+        type: String,
+        default: ''
     }
 })
 const searchQuery = ref('')
diff --git a/pages/library/[id].vue b/pages/library/[id].vue
index 6505f87..aa119cc 100644
--- a/pages/library/[id].vue
+++ b/pages/library/[id].vue
@@ -1,6 +1,6 @@
 <template>
     <div class="w-full items-center flex flex-col">
-        <ILibraryHeader collect="前端开发" />
+        <ILibraryHeader v-if="currentCollect" :collect="currentCollect.name" :description="currentCollect.description" />
         <div class="container max-w-screen-lg flex flex-col p-6">
             <div class="flex gap-10">
                 <div class="flex flex-col flex-grow">
@@ -18,11 +18,13 @@
 </template>
 <script setup>
 const route = useRoute()
-const { findCollection } = useCollectionRequest()
+const { findCollection, getCollection } = useCollectionRequest()
 const state = reactive({
-    id: route.params.id
+    id: Number(route.params.id)
 })
 const themesTagList = ref([])
+const collection = ref([])
+const currentCollect = computed(() => collection.value.find(i => i.id === state.id))
 async function findCollectionData() {
     const data = await findCollection(state.id)
     themesTagList.value = data.map(item => {
@@ -33,4 +35,8 @@ async function findCollectionData() {
     })
 }
 await findCollectionData()
+async function getCollectionData () {
+    collection.value = await getCollection()
+}
+await getCollectionData()
 </script>
\ No newline at end of file
-- 
GitLab