From 09f2f8fc8a492875000221ccbdc346483d51c2f9 Mon Sep 17 00:00:00 2001
From: DebugIsFalse <511418503@qq.com>
Date: Thu, 30 May 2024 18:17:13 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E6=B7=BB=E5=8A=A0=E9=9B=86=E5=90=88?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/i/library/collect.vue |  8 +++++++-
 pages/library/index.vue          | 17 ++++++++++++++---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/components/i/library/collect.vue b/components/i/library/collect.vue
index 2eb1b15..d803849 100644
--- a/components/i/library/collect.vue
+++ b/components/i/library/collect.vue
@@ -2,7 +2,7 @@
     <ULink to="/library/123">
         <UCard :ui="cardUI">
             <div class="flex flex-col gap-1">
-                <div>前端开发</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" />
@@ -14,6 +14,12 @@
     </ULink>
 </template>
 <script setup>
+defineProps({
+    item: {
+        type: Object,
+        default: (() => {})()
+    }
+})
 const cardUI = {
     body: {
         padding: 'sm:p-3 p-3',
diff --git a/pages/library/index.vue b/pages/library/index.vue
index 62318fa..eef08a5 100644
--- a/pages/library/index.vue
+++ b/pages/library/index.vue
@@ -25,8 +25,10 @@
                         />
                     </div>
                     <div class="flex flex-col gap-4 mt-4">
-                        <ILibraryCollect />
-                        <ILibraryCollect />
+                        <ILibraryCollect
+                            v-for="item in collection"
+                            :item="item"
+                        />
                     </div>
                 </div>
             </div>
@@ -35,8 +37,17 @@
 </template>
 <script setup>
 const { $openLibraryCreate } = useLibraryStore()
+const { getCollection } = useCollectionRequest()
+
 function handleOpenCreateLibrary () {
     $openLibraryCreate()
 }
-
+// 合集列表
+const collection = ref([])
+async function getCollectionData () {
+    collection.value = await getCollection()    
+}
+nextTick(() => {
+    getCollectionData()
+})
 </script>
-- 
GitLab