From 4eddadcadec2c4643db9dccd85a63d1ec04255a0 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Thu, 16 May 2024 14:26:26 +0800
Subject: [PATCH] Update Nav.vue

---
 components/i/Nav.vue | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/components/i/Nav.vue b/components/i/Nav.vue
index 01b6029..e51fabe 100644
--- a/components/i/Nav.vue
+++ b/components/i/Nav.vue
@@ -31,8 +31,32 @@
                 variant="link"
             />
         </div>
+        <div class="flex flex-col gap-2 border-l pl-1 ml-5">
+            <template v-for="(item, index) in searchHistory" :key="index">
+                <UButton
+                    color="gray"
+                    variant="ghost"
+                    size="xs"
+                >
+                    <div class="truncate">{{ item.title }}</div>
+                </UButton>
+            </template>
+        </div>
     </div>
 </template>
 <script setup>
-
+const searchHistory = ref([
+    {
+        title: 'Vue 的 v-model 怎么用'
+    },
+    {
+        title: '帮我写一个爬虫，爬取豆瓣热门电影top250'
+    },
+    {
+        title: 'grid 的 grid-template-columns 除了 minmax 和 repeat，还有哪些值'
+    },
+    {
+        title: 'flex 各种布局的区别'
+    }
+])
 </script>
-- 
GitLab