From 84322df6ead5a3998c6782f138bdc1f02aa2cdb2 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Wed, 29 May 2024 17:48:20 +0800
Subject: [PATCH] Update thread.vue

---
 components/i/library/thread.vue | 34 ++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/components/i/library/thread.vue b/components/i/library/thread.vue
index 807a507..677eb3a 100644
--- a/components/i/library/thread.vue
+++ b/components/i/library/thread.vue
@@ -26,7 +26,7 @@
                 <span>52 分钟前</span>
             </div>
         </div>
-        <div class="flex">
+        <div class="flex gap-4">
             <UButton
                 :ui="{ rounded: 'rounded-full' }"
                 to="/library/123"
@@ -34,10 +34,42 @@
                 size="2xs"
                 label="前端开发"
             />
+            <UTooltip text="添加到收藏">
+                <UButton
+                    color="gray"
+                    variant="ghost"
+                    size="2xs"
+                    icon="i-heroicons-plus"
+                />
+            </UTooltip>
+            <UDropdown class="flex flex-grow" :items="actionItems">
+                <UButton
+                    color="gray"
+                    variant="ghost"
+                    size="2xs"
+                    icon="i-heroicons-ellipsis-horizontal"
+                />
+            </UDropdown>
         </div>
     </div>
     <UDivider />
 </template>
 <script setup>
 const textColor = 'text-gray-500 dark:text-gray-400'
+const actionItems = [
+    [
+        {
+            label: '更改集合',
+            icon: 'i-heroicons-squares-plus'
+        },
+        {
+            label: '从收藏中移除',
+            icon: 'i-heroicons-x-mark'
+        },
+        {
+            label: '删除帖子',
+            icon: 'i-heroicons-trash'
+        }
+    ]
+]
 </script>
\ No newline at end of file
-- 
GitLab