收藏夹

components/i/library/create.vue

@@ -20,11 +20,15 @@
                     <UInput
                         v-model="title"
                         placeholder="集合标题"
+                        autofocus
                     />
                 </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>
+                        <label class="block font-medium text-gray-700 dark:text-gray-200">
+                            描述
+                            <span class="text-gray-400 dark:text-gray-100">（可选）</span>
+                        </label>
                     </div>
                     <UTextarea
                         v-model="description"
@@ -49,6 +53,10 @@ const isOpenCreate = ref(false)
 const title = ref('')
 const description = ref('')
 function handleClose () {
-
+    isOpenCreate.value = false
 }
+function handleOpen () {
+    isOpenCreate.value = true
+}
+defineExpose({ handleOpen })
 </script>

pages/library.vue

@@ -52,11 +52,12 @@
             </div>
         </div>
     </div>
-    <ILibraryCreate />
+    <ILibraryCreate ref="refCreate" />
 </template>
 <script setup>
 const searchQuery = ref('')
+const refCreate = ref(null)
 function handleOpenCreateLibrary () {
-
+    refCreate.value.handleOpen()
 }
 </script>