From 5628ec10357d877250c779e0ed565a9c5a935fb0 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Wed, 29 May 2024 18:50:38 +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/create.vue | 54 +++++++++++++++++++++++++++++++++
 pages/library.vue               |  1 +
 2 files changed, 55 insertions(+)
 create mode 100644 components/i/library/create.vue

diff --git a/components/i/library/create.vue b/components/i/library/create.vue
new file mode 100644
index 0000000..aa9a773
--- /dev/null
+++ b/components/i/library/create.vue
@@ -0,0 +1,54 @@
+<template>
+    <UModal v-model="isOpenCreate" :ui="{ width: 'w-96 sm:max-w-screen-md' }">
+        <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
+            <template #header>
+                <div class="flex items-center justify-between">
+                    <div class="text-xl">创建集合</div>
+                    <UButton
+                        leading-icon="i-heroicons-x-mark-20-solid"
+                        color="gray"
+                        variant="ghost"
+                        @click="handleClose"
+                    />
+                </div>
+            </template>
+            <div class="flex flex-col gap-6">
+                <div class="flex flex-col gap-1">
+                    <div class="flex content-center items-center justify-between text-sm">
+                        <label class="block font-medium text-gray-700 dark:text-gray-200">标题</label>
+                    </div>
+                    <UInput
+                        v-model="title"
+                        placeholder="集合标题"
+                    />
+                </div>
+                <div class="flex flex-col gap-1">
+                    <div class="flex content-center items-center justify-between text-sm">
+                        <label class="block font-medium text-gray-700 dark:text-gray-200">描述</label>
+                    </div>
+                    <UTextarea
+                        v-model="description"
+                        placeholder="集合描述"
+                    />
+                </div>
+            </div>
+            <template #footer>
+                <div class="flex justify-end">
+                    <UButton
+                        size="md"
+                        label="创建"
+                        :disabled="!title"
+                    />
+                </div>
+            </template>
+        </UCard>
+    </UModal>
+</template>
+<script setup>
+const isOpenCreate = ref(false)
+const title = ref('')
+const description = ref('')
+function handleClose () {
+
+}
+</script>
diff --git a/pages/library.vue b/pages/library.vue
index 8b9124a..3523aab 100644
--- a/pages/library.vue
+++ b/pages/library.vue
@@ -52,6 +52,7 @@
             </div>
         </div>
     </div>
+    <ILibraryCreate />
 </template>
 <script setup>
 const searchQuery = ref('')
-- 
GitLab