feat(titles-template): 片头片尾页面

pages/generation.vue

@@ -1,16 +1,18 @@
-<script setup lang="tsx">
+<script setup lang="ts">
 import NavItem from '~/components/aigc/NavItem.vue'
 
 useSeoMeta({
   title: '智能生成',
 })
 
-const navList = ref<{
-  label: string
-  icon: string
-  to: string
-  admin?: boolean
-}[]>([
+const navList = ref<
+  {
+    label: string
+    icon: string
+    to: string
+    admin?: boolean
+  }[]
+>([
   {
     label: '微课视频生成',
     icon: 'tabler:presentation-analytics',
@@ -26,6 +28,11 @@ const navList = ref<{
     icon: 'tabler:user-screen',
     to: '/generation/avatar-models',
   },
+  {
+    label: '片头片尾模板',
+    icon: 'tabler:keyframes',
+    to: '/generation/materials',
+  },
   {
     label: '用户管理',
     icon: 'tabler:users',
@@ -47,9 +54,9 @@ onMounted(() => {
 
 <template>
   <div class="w-full flex relative">
-
-    <div class="absolute -translate-x-full md:sticky md:translate-x-0 z-10 flex flex-col h-[calc(100vh-4rem)] bg-neutral-100 dark:bg-neutral-900 p-4 w-full md:w-[300px]
-               border-r border-neutral-200 dark:border-neutral-700 transition-all duration-300 ease-out">
+    <div
+      class="absolute -translate-x-full md:sticky md:translate-x-0 z-10 flex flex-col h-[calc(100vh-4rem)] bg-neutral-100 dark:bg-neutral-900 p-4 w-full md:w-[300px] border-r border-neutral-200 dark:border-neutral-700 transition-all duration-300 ease-out"
+    >
       <div class="flex flex-col flex-1 overflow-auto overflow-x-hidden">
         <div class="flex flex-col gap-1">
           <ClientOnly>
@@ -73,12 +80,11 @@ onMounted(() => {
       <Transition name="subpage" mode="out-in">
         <div>
           <Suspense>
-            <NuxtPage :page-key="route.fullPath" keepalive/>
+            <NuxtPage :page-key="route.fullPath" keepalive />
           </Suspense>
         </div>
       </Transition>
     </LoginNeededContent>
-
   </div>
 </template>
 
@@ -115,4 +121,4 @@ onMounted(() => {
 .card-leave-active {
   @apply absolute;
 }
-</style>
+</style>