diff --git a/src/http/apis/composable-demo/use-fetch-select.ts b/src/pages/demo/composable-demo/apis/use-fetch-select.ts
similarity index 100%
rename from src/http/apis/composable-demo/use-fetch-select.ts
rename to src/pages/demo/composable-demo/apis/use-fetch-select.ts
diff --git a/src/http/apis/composable-demo/use-fullscreen-loading.ts b/src/pages/demo/composable-demo/apis/use-fullscreen-loading.ts
similarity index 100%
rename from src/http/apis/composable-demo/use-fullscreen-loading.ts
rename to src/pages/demo/composable-demo/apis/use-fullscreen-loading.ts
diff --git a/src/pages/composable-demo/use-fetch-select.vue b/src/pages/demo/composable-demo/use-fetch-select.vue
similarity index 90%
rename from src/pages/composable-demo/use-fetch-select.vue
rename to src/pages/demo/composable-demo/use-fetch-select.vue
index e31ce3d..838d569 100644
--- a/src/pages/composable-demo/use-fetch-select.vue
+++ b/src/pages/demo/composable-demo/use-fetch-select.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { getSelectDataApi } from "@/http/apis/composable-demo/use-fetch-select"
 import { useFetchSelect } from "@@/composables/useFetchSelect"
+import { getSelectDataApi } from "./apis/use-fetch-select"
 
 const { loading, options, value } = useFetchSelect({
   api: getSelectDataApi
diff --git a/src/pages/composable-demo/use-fullscreen-loading.vue b/src/pages/demo/composable-demo/use-fullscreen-loading.vue
similarity index 93%
rename from src/pages/composable-demo/use-fullscreen-loading.vue
rename to src/pages/demo/composable-demo/use-fullscreen-loading.vue
index 9d4c30f..01f63b7 100644
--- a/src/pages/composable-demo/use-fullscreen-loading.vue
+++ b/src/pages/demo/composable-demo/use-fullscreen-loading.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { getErrorApi, getSuccessApi } from "@/http/apis/composable-demo/use-fullscreen-loading"
 import { useFullscreenLoading } from "@@/composables/useFullscreenLoading"
 import { ElMessage } from "element-plus"
+import { getErrorApi, getSuccessApi } from "./apis/use-fullscreen-loading"
 
 const svg = `
   <path class="path" d="
diff --git a/src/pages/composable-demo/use-watermark.vue b/src/pages/demo/composable-demo/use-watermark.vue
similarity index 100%
rename from src/pages/composable-demo/use-watermark.vue
rename to src/pages/demo/composable-demo/use-watermark.vue
diff --git a/src/pages/level1/level2/index.vue b/src/pages/demo/level1/level2/index.vue
similarity index 100%
rename from src/pages/level1/level2/index.vue
rename to src/pages/demo/level1/level2/index.vue
diff --git a/src/pages/level1/level2/level3/index.vue b/src/pages/demo/level1/level2/level3/index.vue
similarity index 100%
rename from src/pages/level1/level2/level3/index.vue
rename to src/pages/demo/level1/level2/level3/index.vue
diff --git a/src/pages/permission/components/SwitchRoles.vue b/src/pages/demo/permission/components/SwitchRoles.vue
similarity index 100%
rename from src/pages/permission/components/SwitchRoles.vue
rename to src/pages/demo/permission/components/SwitchRoles.vue
diff --git a/src/pages/permission/directive.vue b/src/pages/demo/permission/directive.vue
similarity index 100%
rename from src/pages/permission/directive.vue
rename to src/pages/demo/permission/directive.vue
diff --git a/src/pages/permission/page.vue b/src/pages/demo/permission/page.vue
similarity index 100%
rename from src/pages/permission/page.vue
rename to src/pages/demo/permission/page.vue
diff --git a/src/pages/table/element-plus/index.vue b/src/pages/demo/table/element-plus/index.vue
similarity index 100%
rename from src/pages/table/element-plus/index.vue
rename to src/pages/demo/table/element-plus/index.vue
diff --git a/src/pages/table/vxe-table/index.vue b/src/pages/demo/table/vxe-table/index.vue
similarity index 100%
rename from src/pages/table/vxe-table/index.vue
rename to src/pages/demo/table/vxe-table/index.vue
diff --git a/src/pages/table/vxe-table/tsx/RoleColumnSolts.tsx b/src/pages/demo/table/vxe-table/tsx/RoleColumnSolts.tsx
similarity index 100%
rename from src/pages/table/vxe-table/tsx/RoleColumnSolts.tsx
rename to src/pages/demo/table/vxe-table/tsx/RoleColumnSolts.tsx
diff --git a/src/pages/table/vxe-table/tsx/StatusColumnSolts.tsx b/src/pages/demo/table/vxe-table/tsx/StatusColumnSolts.tsx
similarity index 100%
rename from src/pages/table/vxe-table/tsx/StatusColumnSolts.tsx
rename to src/pages/demo/table/vxe-table/tsx/StatusColumnSolts.tsx
diff --git a/src/pages/unocss/index.vue b/src/pages/demo/unocss/index.vue
similarity index 100%
rename from src/pages/unocss/index.vue
rename to src/pages/demo/unocss/index.vue
diff --git a/src/router/index.ts b/src/router/index.ts
index 1749f6e..545c7e7 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -70,7 +70,7 @@ export const constantRoutes: RouteRecordRaw[] = [
     children: [
       {
         path: "index",
-        component: () => import("@/pages/unocss/index.vue"),
+        component: () => import("@/pages/demo/unocss/index.vue"),
         name: "UnoCSS",
         meta: {
           title: "UnoCSS",
@@ -116,7 +116,7 @@ export const constantRoutes: RouteRecordRaw[] = [
     children: [
       {
         path: "element-plus",
-        component: () => import("@/pages/table/element-plus/index.vue"),
+        component: () => import("@/pages/demo/table/element-plus/index.vue"),
         name: "ElementPlus",
         meta: {
           title: "Element Plus",
@@ -125,7 +125,7 @@ export const constantRoutes: RouteRecordRaw[] = [
       },
       {
         path: "vxe-table",
-        component: () => import("@/pages/table/vxe-table/index.vue"),
+        component: () => import("@/pages/demo/table/vxe-table/index.vue"),
         name: "VxeTable",
         meta: {
           title: "Vxe Table",
@@ -146,7 +146,7 @@ export const constantRoutes: RouteRecordRaw[] = [
     children: [
       {
         path: "level2",
-        component: () => import("@/pages/level1/level2/index.vue"),
+        component: () => import("@/pages/demo/level1/level2/index.vue"),
         redirect: "/level1/level2/level3",
         name: "Level2",
         meta: {
@@ -156,7 +156,7 @@ export const constantRoutes: RouteRecordRaw[] = [
         children: [
           {
             path: "level3",
-            component: () => import("@/pages/level1/level2/level3/index.vue"),
+            component: () => import("@/pages/demo/level1/level2/level3/index.vue"),
             name: "Level3",
             meta: {
               title: "三级路由",
@@ -179,7 +179,7 @@ export const constantRoutes: RouteRecordRaw[] = [
     children: [
       {
         path: "use-fetch-select",
-        component: () => import("@/pages/composable-demo/use-fetch-select.vue"),
+        component: () => import("@/pages/demo/composable-demo/use-fetch-select.vue"),
         name: "UseFetchSelect",
         meta: {
           title: "useFetchSelect"
@@ -187,7 +187,7 @@ export const constantRoutes: RouteRecordRaw[] = [
       },
       {
         path: "use-fullscreen-loading",
-        component: () => import("@/pages/composable-demo/use-fullscreen-loading.vue"),
+        component: () => import("@/pages/demo/composable-demo/use-fullscreen-loading.vue"),
         name: "UseFullscreenLoading",
         meta: {
           title: "useFullscreenLoading"
@@ -195,7 +195,7 @@ export const constantRoutes: RouteRecordRaw[] = [
       },
       {
         path: "use-watermark",
-        component: () => import("@/pages/composable-demo/use-watermark.vue"),
+        component: () => import("@/pages/demo/composable-demo/use-watermark.vue"),
         name: "UseWatermark",
         meta: {
           title: "useWatermark"
@@ -225,7 +225,7 @@ export const dynamicRoutes: RouteRecordRaw[] = [
     children: [
       {
         path: "page",
-        component: () => import("@/pages/permission/page.vue"),
+        component: () => import("@/pages/demo/permission/page.vue"),
         name: "PagePermission",
         meta: {
           title: "页面级",
@@ -234,7 +234,7 @@ export const dynamicRoutes: RouteRecordRaw[] = [
       },
       {
         path: "directive",
-        component: () => import("@/pages/permission/directive.vue"),
+        component: () => import("@/pages/demo/permission/directive.vue"),
         name: "DirectivePermission",
         meta: {
           title: "按钮级" // 如果未设置角色，则表示：该页面不需要权限，但会继承根路由的角色