feat: 绿幕视频创建和微课视频创建

pages/aigc/generation/course.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import CGTaskCard from '~/components/aigc/course-generate/CGTaskCard.vue'
-import { useFetchWrapped } from '~/composables/useFetchWrapped'
+import CGTaskCard from '~/components/aigc/generation/CGTaskCard.vue'
 import ModalAuthentication from '~/components/ModalAuthentication.vue'
 import SlideCreateCourse from '~/components/SlideCreateCourse.vue'
+import { useFetchWrapped } from '~/composables/useFetchWrapped'
 
 const toast = useToast()
 const modal = useModal()
@@ -90,7 +90,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="font-sans h-full">
+  <div>
     <div class="p-4 pb-0">
       <BubbleTitle subtitle="VIDEOS" title="我的微课视频">
         <template #action>
@@ -102,20 +102,22 @@ onMounted(() => {
             size="md"
             variant="solid"
             @click="() => {
-          if (!loginState.is_logged_in) {
-            modal.open(ModalAuthentication)
-            return
-          }
-          onCreateCourseClick()
-        }"
+              if (!loginState.is_logged_in) {
+                modal.open(ModalAuthentication)
+                return
+              }
+              onCreateCourseClick()
+            }"
           />
         </template>
       </BubbleTitle>
       <GradientDivider/>
     </div>
     <Transition name="loading-screen">
-      <div v-if="courseList?.data.items.length === 0"
-           class="w-full h-full flex flex-col justify-center items-center gap-2 bg-neutral-100 dark:bg-neutral-900">
+      <div
+        v-if="courseList?.data.items.length === 0"
+        class="w-full py-20 flex flex-col justify-center items-center gap-2"
+      >
         <Icon class="text-7xl text-neutral-300 dark:text-neutral-700" name="i-tabler-photo-hexagon"/>
         <p class="text-sm text-neutral-500 dark:text-neutral-400">
           没有记录
@@ -137,7 +139,7 @@ onMounted(() => {
           </TransitionGroup>
         </div>
         <div class="flex justify-end mt-4">
-          <UPagination v-model="page" :page-count="16" :total="courseList?.data.total || 0"/>
+          <UPagination v-model="page" :max="9" :page-count="16" :total="courseList?.data.total || 0"/>
         </div>
       </div>
     </Transition>
@@ -145,26 +147,5 @@ onMounted(() => {
 </template>
 
 <style scoped>
-.loading-screen-leave-active {
-  @apply transition-all duration-300;
-}
 
-.loading-screen-leave-to {
-  @apply opacity-0;
-}
-
-.card-move,
-.card-enter-active,
-.card-leave-active {
-  @apply transition-all duration-300;
-}
-
-.card-enter-from,
-.card-leave-to {
-  @apply opacity-0;
-}
-
-.card-leave-active {
-  @apply absolute;
-}
 </style>