diff --git a/src/lang/modules/enUS.ts b/src/lang/modules/enUS.ts
index 790c93d..a2b6da3 100644
--- a/src/lang/modules/enUS.ts
+++ b/src/lang/modules/enUS.ts
@@ -22,6 +22,12 @@ export default {
     ["third-menu-7"]: "third-menu-7",
     ["third-menu-8"]: "third-menu-8",
     ["third-menu-9"]: "third-menu-9",
+    ["common-component"]: "common component",
+    ["player"]: "player",
+    ["print"]: "print",
+    ["draggable"]: "draggable",
+    ["editor"]: "editor",
+    ["markdown"]: "Markdown",
     ["custom-instruction"]: "custom instruction",
     ["anti-shake"]: "anti shake",
     ["throttle"]: "throttle",
diff --git a/src/lang/modules/zhCN.ts b/src/lang/modules/zhCN.ts
index 2dbd4ed..6eb1357 100644
--- a/src/lang/modules/zhCN.ts
+++ b/src/lang/modules/zhCN.ts
@@ -22,6 +22,12 @@ export default {
     ["third-menu-7"]: "三级菜单-7",
     ["third-menu-8"]: "三级菜单-8",
     ["third-menu-9"]: "三级菜单-9",
+    ["common-component"]: "常用组件",
+    ["player"]: "播放器",
+    ["print"]: "打印",
+    ["draggable"]: "拖拽",
+    ["editor"]: "富文本",
+    ["markdown"]: "Markdown",
     ["custom-instruction"]: "自定义指令",
     ["anti-shake"]: "防抖",
     ["throttle"]: "节流",
diff --git a/src/router/route.ts b/src/router/route.ts
index 6fc57e8..ea95282 100644
--- a/src/router/route.ts
+++ b/src/router/route.ts
@@ -272,6 +272,103 @@ export const dynamicRoutes: RouteRecordRaw[] = [
           }
         ]
       },
+      {
+        path: "/common-component",
+        name: "common-component",
+        redirect: "/common-component/player",
+        meta: {
+          title: "common-component",
+          hide: false,
+          keepAlive: true,
+          affix: false,
+          link: "",
+          iframe: false,
+          roles: ["admin"],
+          svgIcon: "classify"
+        },
+        children: [
+          {
+            path: "/common-component/player",
+            name: "player",
+            component: () => import("@/views/common-component/player/player.vue"),
+            meta: {
+              title: "player",
+              hide: false,
+              keepAlive: true,
+              affix: false,
+              link: "",
+              iframe: false,
+              roles: ["admin"],
+              icon: "icon-menu"
+            },
+            children: []
+          },
+          {
+            path: "/common-component/print",
+            name: "print",
+            component: () => import("@/views/common-component/print/print.vue"),
+            meta: {
+              title: "print",
+              hide: false,
+              keepAlive: true,
+              affix: false,
+              link: "",
+              iframe: false,
+              roles: ["admin"],
+              icon: "icon-menu"
+            },
+            children: []
+          },
+          {
+            path: "/common-component/draggable",
+            name: "draggable",
+            component: () => import("@/views/common-component/draggable/draggable.vue"),
+            meta: {
+              title: "draggable",
+              hide: false,
+              keepAlive: true,
+              affix: false,
+              link: "",
+              iframe: false,
+              roles: ["admin"],
+              icon: "icon-menu"
+            },
+            children: []
+          },
+          {
+            path: "/common-component/editor",
+            name: "editor",
+            component: () => import("@/views/common-component/editor/editor.vue"),
+            meta: {
+              title: "editor",
+              hide: false,
+              keepAlive: true,
+              affix: false,
+              link: "",
+              iframe: false,
+              roles: ["admin"],
+              icon: "icon-menu"
+            },
+            children: []
+          },
+          {
+            path: "/common-component/markdown",
+            name: "markdown",
+            component: () => import("@/views/common-component/markdown/markdown.vue"),
+            meta: {
+              title: "markdown",
+              hide: false,
+              keepAlive: true,
+              affix: false,
+              link: "",
+              iframe: false,
+              roles: ["admin"],
+              icon: "icon-menu"
+            },
+            children: []
+          }
+        ]
+      },
       {
         path: "/custom-instruction",
         name: "custom-instruction",
diff --git a/src/views/common-component/draggable/draggable.vue b/src/views/common-component/draggable/draggable.vue
new file mode 100644
index 0000000..65ebcd2
--- /dev/null
+++ b/src/views/common-component/draggable/draggable.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>拖拽</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/common-component/editor/editor.vue b/src/views/common-component/editor/editor.vue
new file mode 100644
index 0000000..0fa03ac
--- /dev/null
+++ b/src/views/common-component/editor/editor.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>富文本</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/common-component/markdown/markdown.vue b/src/views/common-component/markdown/markdown.vue
new file mode 100644
index 0000000..42585ec
--- /dev/null
+++ b/src/views/common-component/markdown/markdown.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>markdown</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/common-component/player/player.vue b/src/views/common-component/player/player.vue
new file mode 100644
index 0000000..8cca497
--- /dev/null
+++ b/src/views/common-component/player/player.vue
@@ -0,0 +1,7 @@
+<template>
+  <div class="dc-page">放器</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/common-component/print/print.vue b/src/views/common-component/print/print.vue
new file mode 100644
index 0000000..0806e6f
--- /dev/null
+++ b/src/views/common-component/print/print.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>打印</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped></style>