fix:布局问题

src/components/layout/index.module.less

@@ -1,10 +1,14 @@
 .wrap {
-  width: 100%;
+  width: 100vw;
+  height: 100vh;
   display: flex;
   flex-direction: row;
   background: #f1f5ff;
+  overflow: hidden;
   .WrapcoreView {
-    margin: 32px;
+    padding: 32px;
+    height: calc(100vh - 64px);
+    overflow-y: auto;
   }
 }
 .silder {

src/components/layout/index.tsx

@@ -19,7 +19,7 @@ export default defineComponent({
               <div class={styles.WrapcoreView}>
                 <router-view>
                   {(obj: any) => (
-                    <Transition name="fade-slide">
+                    <Transition name="fade-slide" mode="out-in">
                       <obj.Component />
                     </Transition>
                   )}

src/components/layout/layoutSilder.tsx

@@ -60,7 +60,8 @@ export default defineComponent({
         name: '小酷AI',
         normalIcon: kuNormal,
         isActive: false,
-        id: 5
+        id: 5,
+        path: '/xiaoku-ai'
       },
       {
         activeIcon: resourceIcon,

src/router/routes/index.ts

@@ -1,4 +1,6 @@
-export const constantRoutes: any[] = [
+import { RouteRecordRaw } from 'vue-router';
+
+export const constantRoutes: RouteRecordRaw[] = [
   {
     name: 'login',
     path: '/login',
@@ -36,6 +38,14 @@ export const constantRoutes: any[] = [
           title: '学生列表',
           singleLayout: 'blank'
         }
+      },
+      {
+        path: '/xiaoku-ai',
+        name: 'xiaoku-ai',
+        component: () => import('@/views/xiaoku-ai/index'),
+        meta: {
+          title: '小酷AI',
+        }
       }
     ]
   },

src/views/xiaoku-ai/index.tsx

@@ -0,0 +1,8 @@
+import { defineComponent } from "vue";
+
+export default defineComponent({
+    name: 'XiaokuAi',
+    setup(){
+        return () => <div></div>
+    }
+})