diff --git a/README.md b/README.md
index 83b3895..52529b6 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <div align="center">
-  <img alt="V3 Admin Vite Logo" width="120" height="120" src="./src/assets/images/layouts/logo.png">
+  <img alt="V3 Admin Vite Logo" width="120" height="120" src="./src/common/assets/images/layouts/logo.png">
   <h1>V3 Admin Vite</h1>
   <span>English | <a href="./README.zh-CN.md">中文</a></span>
 </div>
@@ -128,9 +128,9 @@ pnpm test
 
 ## Project preview
 
-![preview1.png](./src/assets/images/docs/preview1.png)
-![preview2.png](./src/assets/images/docs/preview2.png)
-![preview3.png](./src/assets/images/docs/preview3.png)
+![preview1.png](./src/common/assets/images/docs/preview1.png)
+![preview2.png](./src/common/assets/images/docs/preview2.png)
+![preview3.png](./src/common/assets/images/docs/preview3.png)
 
 ## 💕 Contributors
 
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 45bf4f7..c000cee 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -1,5 +1,5 @@
 <div align="center">
-  <img alt="V3 Admin Vite Logo" width="120" height="120" src="./src/assets/images/layouts/logo.png">
+  <img alt="V3 Admin Vite Logo" width="120" height="120" src="./src/common/assets/images/layouts/logo.png">
   <h1>V3 Admin Vite</h1>
   <span><a href="./README.md">English</a> | 中文</span>
 </div>
@@ -122,9 +122,9 @@ pnpm test
 
 ## 项目预览图
 
-![preview1.png](./src/assets/images/docs/preview1.png)
-![preview2.png](./src/assets/images/docs/preview2.png)
-![preview3.png](./src/assets/images/docs/preview3.png)
+![preview1.png](./src/common/assets/images/docs/preview1.png)
+![preview2.png](./src/common/assets/images/docs/preview2.png)
+![preview3.png](./src/common/assets/images/docs/preview3.png)
 
 ## 💕 贡献者
 
diff --git a/src/assets/icons/dashboard.svg b/src/common/assets/icons/dashboard.svg
similarity index 100%
rename from src/assets/icons/dashboard.svg
rename to src/common/assets/icons/dashboard.svg
diff --git a/src/assets/icons/fullscreen-exit.svg b/src/common/assets/icons/fullscreen-exit.svg
similarity index 100%
rename from src/assets/icons/fullscreen-exit.svg
rename to src/common/assets/icons/fullscreen-exit.svg
diff --git a/src/assets/icons/fullscreen.svg b/src/common/assets/icons/fullscreen.svg
similarity index 100%
rename from src/assets/icons/fullscreen.svg
rename to src/common/assets/icons/fullscreen.svg
diff --git a/src/assets/icons/keyboard-down.svg b/src/common/assets/icons/keyboard-down.svg
similarity index 100%
rename from src/assets/icons/keyboard-down.svg
rename to src/common/assets/icons/keyboard-down.svg
diff --git a/src/assets/icons/keyboard-enter.svg b/src/common/assets/icons/keyboard-enter.svg
similarity index 100%
rename from src/assets/icons/keyboard-enter.svg
rename to src/common/assets/icons/keyboard-enter.svg
diff --git a/src/assets/icons/keyboard-esc.svg b/src/common/assets/icons/keyboard-esc.svg
similarity index 100%
rename from src/assets/icons/keyboard-esc.svg
rename to src/common/assets/icons/keyboard-esc.svg
diff --git a/src/assets/icons/keyboard-up.svg b/src/common/assets/icons/keyboard-up.svg
similarity index 100%
rename from src/assets/icons/keyboard-up.svg
rename to src/common/assets/icons/keyboard-up.svg
diff --git a/src/assets/icons/level.svg b/src/common/assets/icons/level.svg
similarity index 100%
rename from src/assets/icons/level.svg
rename to src/common/assets/icons/level.svg
diff --git a/src/assets/icons/link.svg b/src/common/assets/icons/link.svg
similarity index 100%
rename from src/assets/icons/link.svg
rename to src/common/assets/icons/link.svg
diff --git a/src/assets/icons/lock.svg b/src/common/assets/icons/lock.svg
similarity index 100%
rename from src/assets/icons/lock.svg
rename to src/common/assets/icons/lock.svg
diff --git a/src/assets/icons/search.svg b/src/common/assets/icons/search.svg
similarity index 100%
rename from src/assets/icons/search.svg
rename to src/common/assets/icons/search.svg
diff --git a/src/assets/icons/unocss.svg b/src/common/assets/icons/unocss.svg
similarity index 100%
rename from src/assets/icons/unocss.svg
rename to src/common/assets/icons/unocss.svg
diff --git a/src/assets/images/docs/preview1.png b/src/common/assets/images/docs/preview1.png
similarity index 100%
rename from src/assets/images/docs/preview1.png
rename to src/common/assets/images/docs/preview1.png
diff --git a/src/assets/images/docs/preview2.png b/src/common/assets/images/docs/preview2.png
similarity index 100%
rename from src/assets/images/docs/preview2.png
rename to src/common/assets/images/docs/preview2.png
diff --git a/src/assets/images/docs/preview3.png b/src/common/assets/images/docs/preview3.png
similarity index 100%
rename from src/assets/images/docs/preview3.png
rename to src/common/assets/images/docs/preview3.png
diff --git a/src/assets/images/error-page/403.svg b/src/common/assets/images/error-page/403.svg
similarity index 100%
rename from src/assets/images/error-page/403.svg
rename to src/common/assets/images/error-page/403.svg
diff --git a/src/assets/images/error-page/404.svg b/src/common/assets/images/error-page/404.svg
similarity index 100%
rename from src/assets/images/error-page/404.svg
rename to src/common/assets/images/error-page/404.svg
diff --git a/src/assets/images/layouts/logo-text-1.png b/src/common/assets/images/layouts/logo-text-1.png
similarity index 100%
rename from src/assets/images/layouts/logo-text-1.png
rename to src/common/assets/images/layouts/logo-text-1.png
diff --git a/src/assets/images/layouts/logo-text-2.png b/src/common/assets/images/layouts/logo-text-2.png
similarity index 100%
rename from src/assets/images/layouts/logo-text-2.png
rename to src/common/assets/images/layouts/logo-text-2.png
diff --git a/src/assets/images/layouts/logo.png b/src/common/assets/images/layouts/logo.png
similarity index 100%
rename from src/assets/images/layouts/logo.png
rename to src/common/assets/images/layouts/logo.png
diff --git a/src/assets/images/login/close-eyes.png b/src/common/assets/images/login/close-eyes.png
similarity index 100%
rename from src/assets/images/login/close-eyes.png
rename to src/common/assets/images/login/close-eyes.png
diff --git a/src/assets/images/login/face.png b/src/common/assets/images/login/face.png
similarity index 100%
rename from src/assets/images/login/face.png
rename to src/common/assets/images/login/face.png
diff --git a/src/assets/images/login/hand-down-left.png b/src/common/assets/images/login/hand-down-left.png
similarity index 100%
rename from src/assets/images/login/hand-down-left.png
rename to src/common/assets/images/login/hand-down-left.png
diff --git a/src/assets/images/login/hand-down-right.png b/src/common/assets/images/login/hand-down-right.png
similarity index 100%
rename from src/assets/images/login/hand-down-right.png
rename to src/common/assets/images/login/hand-down-right.png
diff --git a/src/assets/images/login/hand-up-left.png b/src/common/assets/images/login/hand-up-left.png
similarity index 100%
rename from src/assets/images/login/hand-up-left.png
rename to src/common/assets/images/login/hand-up-left.png
diff --git a/src/assets/images/login/hand-up-right.png b/src/common/assets/images/login/hand-up-right.png
similarity index 100%
rename from src/assets/images/login/hand-up-right.png
rename to src/common/assets/images/login/hand-up-right.png
diff --git a/src/assets/styles/element-plus.css b/src/common/assets/styles/element-plus.css
similarity index 100%
rename from src/assets/styles/element-plus.css
rename to src/common/assets/styles/element-plus.css
diff --git a/src/assets/styles/element-plus.scss b/src/common/assets/styles/element-plus.scss
similarity index 100%
rename from src/assets/styles/element-plus.scss
rename to src/common/assets/styles/element-plus.scss
diff --git a/src/assets/styles/index.scss b/src/common/assets/styles/index.scss
similarity index 100%
rename from src/assets/styles/index.scss
rename to src/common/assets/styles/index.scss
diff --git a/src/assets/styles/mixins.scss b/src/common/assets/styles/mixins.scss
similarity index 100%
rename from src/assets/styles/mixins.scss
rename to src/common/assets/styles/mixins.scss
diff --git a/src/assets/styles/theme/core/element-plus.scss b/src/common/assets/styles/theme/core/element-plus.scss
similarity index 100%
rename from src/assets/styles/theme/core/element-plus.scss
rename to src/common/assets/styles/theme/core/element-plus.scss
diff --git a/src/assets/styles/theme/core/index.scss b/src/common/assets/styles/theme/core/index.scss
similarity index 100%
rename from src/assets/styles/theme/core/index.scss
rename to src/common/assets/styles/theme/core/index.scss
diff --git a/src/assets/styles/theme/core/layouts.scss b/src/common/assets/styles/theme/core/layouts.scss
similarity index 100%
rename from src/assets/styles/theme/core/layouts.scss
rename to src/common/assets/styles/theme/core/layouts.scss
diff --git a/src/assets/styles/theme/dark-blue/index.scss b/src/common/assets/styles/theme/dark-blue/index.scss
similarity index 100%
rename from src/assets/styles/theme/dark-blue/index.scss
rename to src/common/assets/styles/theme/dark-blue/index.scss
diff --git a/src/assets/styles/theme/dark-blue/variables.scss b/src/common/assets/styles/theme/dark-blue/variables.scss
similarity index 100%
rename from src/assets/styles/theme/dark-blue/variables.scss
rename to src/common/assets/styles/theme/dark-blue/variables.scss
diff --git a/src/assets/styles/theme/dark/index.scss b/src/common/assets/styles/theme/dark/index.scss
similarity index 100%
rename from src/assets/styles/theme/dark/index.scss
rename to src/common/assets/styles/theme/dark/index.scss
diff --git a/src/assets/styles/theme/dark/variables.scss b/src/common/assets/styles/theme/dark/variables.scss
similarity index 100%
rename from src/assets/styles/theme/dark/variables.scss
rename to src/common/assets/styles/theme/dark/variables.scss
diff --git a/src/assets/styles/theme/register.scss b/src/common/assets/styles/theme/register.scss
similarity index 100%
rename from src/assets/styles/theme/register.scss
rename to src/common/assets/styles/theme/register.scss
diff --git a/src/assets/styles/transition.scss b/src/common/assets/styles/transition.scss
similarity index 100%
rename from src/assets/styles/transition.scss
rename to src/common/assets/styles/transition.scss
diff --git a/src/assets/styles/variables.css b/src/common/assets/styles/variables.css
similarity index 100%
rename from src/assets/styles/variables.css
rename to src/common/assets/styles/variables.css
diff --git a/src/assets/styles/view-transition.scss b/src/common/assets/styles/view-transition.scss
similarity index 100%
rename from src/assets/styles/view-transition.scss
rename to src/common/assets/styles/view-transition.scss
diff --git a/src/assets/styles/vxe-table.css b/src/common/assets/styles/vxe-table.css
similarity index 100%
rename from src/assets/styles/vxe-table.css
rename to src/common/assets/styles/vxe-table.css
diff --git a/src/assets/styles/vxe-table.scss b/src/common/assets/styles/vxe-table.scss
similarity index 100%
rename from src/assets/styles/vxe-table.scss
rename to src/common/assets/styles/vxe-table.scss
diff --git a/src/components/SearchMenu/Result.vue b/src/components/SearchMenu/Result.vue
index 12ee081..a460ece 100644
--- a/src/components/SearchMenu/Result.vue
+++ b/src/components/SearchMenu/Result.vue
@@ -88,7 +88,7 @@ defineExpose({ getScrollTop })
 </template>
 
 <style lang="scss" scoped>
-@import "@/assets/styles/mixins.scss";
+@import "@@/assets/styles/mixins.scss";
 
 .result-item {
   display: flex;
diff --git a/src/layouts/components/AppMain/index.vue b/src/layouts/components/AppMain/index.vue
index 385ebc5..133aedf 100644
--- a/src/layouts/components/AppMain/index.vue
+++ b/src/layouts/components/AppMain/index.vue
@@ -29,7 +29,7 @@ const settingsStore = useSettingsStore()
 </template>
 
 <style lang="scss" scoped>
-@import "@/assets/styles/mixins.scss";
+@import "@@/assets/styles/mixins.scss";
 
 .app-main {
   width: 100%;
diff --git a/src/layouts/components/Logo/index.vue b/src/layouts/components/Logo/index.vue
index e500f36..05a5c93 100644
--- a/src/layouts/components/Logo/index.vue
+++ b/src/layouts/components/Logo/index.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import logo from "@/assets/images/layouts/logo.png?url"
-import logoText1 from "@/assets/images/layouts/logo-text-1.png?url"
-import logoText2 from "@/assets/images/layouts/logo-text-2.png?url"
 import { useLayoutMode } from "@/composables/useLayoutMode"
+import logo from "@@/assets/images/layouts/logo.png?url"
+import logoText1 from "@@/assets/images/layouts/logo-text-1.png?url"
+import logoText2 from "@@/assets/images/layouts/logo-text-2.png?url"
 
 interface Props {
   collapse?: boolean
diff --git a/src/layouts/components/Settings/index.vue b/src/layouts/components/Settings/index.vue
index ab4cf2b..616ffa1 100644
--- a/src/layouts/components/Settings/index.vue
+++ b/src/layouts/components/Settings/index.vue
@@ -72,7 +72,7 @@ function resetLayoutsConfig() {
 </template>
 
 <style lang="scss" scoped>
-@import "@/assets/styles/mixins.scss";
+@import "@@/assets/styles/mixins.scss";
 
 .setting-container {
   padding: 20px;
diff --git a/src/layouts/components/Sidebar/Item.vue b/src/layouts/components/Sidebar/Item.vue
index 8eeb3b9..8bda11c 100644
--- a/src/layouts/components/Sidebar/Item.vue
+++ b/src/layouts/components/Sidebar/Item.vue
@@ -79,7 +79,7 @@ function resolvePath(routePath: string) {
 </template>
 
 <style lang="scss" scoped>
-@import "@/assets/styles/mixins.scss";
+@import "@@/assets/styles/mixins.scss";
 
 .svg-icon {
   min-width: 1em;
diff --git a/src/layouts/modes/LeftMode.vue b/src/layouts/modes/LeftMode.vue
index 0fb89e2..1c4745c 100644
--- a/src/layouts/modes/LeftMode.vue
+++ b/src/layouts/modes/LeftMode.vue
@@ -50,7 +50,7 @@ function handleClickOutside() {
 </template>
 
 <style lang="scss" scoped>
-@import "@/assets/styles/mixins.scss";
+@import "@@/assets/styles/mixins.scss";
 $transition-time: 0.35s;
 
 .app-wrapper {
diff --git a/src/layouts/modes/LeftTopMode.vue b/src/layouts/modes/LeftTopMode.vue
index 3beba22..7097ec2 100644
--- a/src/layouts/modes/LeftTopMode.vue
+++ b/src/layouts/modes/LeftTopMode.vue
@@ -38,7 +38,7 @@ const layoutClasses = computed(() => {
 </template>
 
 <style lang="scss" scoped>
-@import "@/assets/styles/mixins.scss";
+@import "@@/assets/styles/mixins.scss";
 $transition-time: 0.35s;
 
 .app-wrapper {
diff --git a/src/layouts/modes/TopMode.vue b/src/layouts/modes/TopMode.vue
index 08358df..75feaf5 100644
--- a/src/layouts/modes/TopMode.vue
+++ b/src/layouts/modes/TopMode.vue
@@ -26,7 +26,7 @@ const { showTagsView, showLogo } = storeToRefs(settingsStore)
 </template>
 
 <style lang="scss" scoped>
-@import "@/assets/styles/mixins.scss";
+@import "@@/assets/styles/mixins.scss";
 $transition-time: 0.35s;
 
 .app-wrapper {
diff --git a/src/main.ts b/src/main.ts
index 575e352..94e9e49 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -13,7 +13,7 @@ import "element-plus/dist/index.css"
 import "element-plus/theme-chalk/dark/css-vars.css"
 import "vxe-table/lib/style.css"
 import "vxe-table-plugin-element/dist/style.css"
-import "@/assets/styles/index.scss"
+import "@@/assets/styles/index.scss"
 
 const app = createApp(App)
 
diff --git a/src/pages/error-page/403.vue b/src/pages/error-page/403.vue
index 4bb4977..5457334 100644
--- a/src/pages/error-page/403.vue
+++ b/src/pages/error-page/403.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import Svg403 from "@/assets/images/error-page/403.svg?component" // vite-svg-loader 插件的功能
+import Svg403 from "@@/assets/images/error-page/403.svg?component" // vite-svg-loader 插件的功能
 import ErrorPageLayout from "./components/ErrorPageLayout.vue"
 </script>
 
diff --git a/src/pages/error-page/404.vue b/src/pages/error-page/404.vue
index e12983a..88d3a58 100644
--- a/src/pages/error-page/404.vue
+++ b/src/pages/error-page/404.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import Svg404 from "@/assets/images/error-page/404.svg?component" // vite-svg-loader 插件的功能
+import Svg404 from "@@/assets/images/error-page/404.svg?component" // vite-svg-loader 插件的功能
 import ErrorPageLayout from "./components/ErrorPageLayout.vue"
 </script>
 
diff --git a/src/pages/login/components/Owl.vue b/src/pages/login/components/Owl.vue
index be1e283..621814d 100644
--- a/src/pages/login/components/Owl.vue
+++ b/src/pages/login/components/Owl.vue
@@ -28,7 +28,7 @@ const props = defineProps<Props>()
   width: 120px;
   height: 95px;
   transform: translateY(12%);
-  @include backgroundImage("@/assets/images/login/face.png");
+  @include backgroundImage("@@/assets/images/login/face.png");
   .hand-down-left,
   .hand-down-right {
     z-index: 2;
@@ -40,12 +40,12 @@ const props = defineProps<Props>()
   .hand-down-left {
     bottom: 3px;
     left: -35px;
-    @include backgroundImage("@/assets/images/login/hand-down-left.png");
+    @include backgroundImage("@@/assets/images/login/hand-down-left.png");
   }
   .hand-down-right {
     bottom: 3px;
     right: -40px;
-    @include backgroundImage("@/assets/images/login/hand-down-right.png");
+    @include backgroundImage("@@/assets/images/login/hand-down-right.png");
   }
   .hand-up-left,
   .hand-up-right {
@@ -59,12 +59,12 @@ const props = defineProps<Props>()
   .hand-up-left {
     bottom: 11px;
     left: -5px;
-    @include backgroundImage("@/assets/images/login/hand-up-left.png");
+    @include backgroundImage("@@/assets/images/login/hand-up-left.png");
   }
   .hand-up-right {
     bottom: 11px;
     right: 5px;
-    @include backgroundImage("@/assets/images/login/hand-up-right.png");
+    @include backgroundImage("@@/assets/images/login/hand-up-right.png");
   }
   .close-eyes {
     z-index: 1;
@@ -72,7 +72,7 @@ const props = defineProps<Props>()
     height: 100%;
     opacity: 0;
     transition: opacity 0.1s linear 0.1s;
-    @include backgroundImage("@/assets/images/login/close-eyes.png");
+    @include backgroundImage("@@/assets/images/login/close-eyes.png");
   }
 }
 
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 7ad224a..146d66b 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -86,7 +86,7 @@ createCode()
     <Owl :close-eyes="isFocus" />
     <div class="login-card">
       <div class="title">
-        <img src="@/assets/images/layouts/logo-text-2.png">
+        <img src="@@/assets/images/layouts/logo-text-2.png">
       </div>
       <div class="content">
         <el-form ref="loginFormRef" :model="loginFormData" :rules="loginFormRules" @keyup.enter="handleLogin">
diff --git a/tsconfig.json b/tsconfig.json
index f4b348e..bb211d7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -17,7 +17,10 @@
     "module": "esnext",
     "moduleResolution": "bundler",
     // 非相对模块导入的路径映射配置，根据 baseUrl 配置进行路径计算
-    "paths": { "@/*": ["src/*"] },
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/common/*"]
+    },
     "resolveJsonModule": true,
     "types": ["vite/client", "element-plus/global"],
     // 允许 JS
@@ -32,12 +35,7 @@
     "skipLibCheck": true
   },
   // 需要被编译的文件列表
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-    "**/*.vue",
-    "**/*.d.ts"
-  ],
+  "include": ["**/*.ts", "**/*.tsx", "**/*.vue", "**/*.d.ts"],
   // 从编译中排除的文件列表
   "exclude": ["node_modules", "dist"]
 }
diff --git a/types/vue-router.d.ts b/types/vue-router.d.ts
index b16bf31..488bd7e 100644
--- a/types/vue-router.d.ts
+++ b/types/vue-router.d.ts
@@ -9,7 +9,7 @@ declare module "vue-router" {
      */
     title?: string
     /**
-     * @description 设置该路由的图标，记得将 svg 导入 @/assets/icons
+     * @description 设置该路由的图标，记得将 svg 导入 src/common/assets/icons
      */
     svgIcon?: string
     /**
diff --git a/vite.config.ts b/vite.config.ts
index 81506de..c03312e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -18,7 +18,9 @@ export default defineConfig(({ mode }) => {
     resolve: {
       alias: {
         // @ 符号指向 src 目录
-        "@": resolve(__dirname, "src")
+        "@": resolve(__dirname, "src"),
+        // @@ 符号指向 src/common 目录
+        "@@": resolve(__dirname, "src/common")
       }
     },
     // 开发环境服务器配置
@@ -91,7 +93,7 @@ export default defineConfig(({ mode }) => {
       svgLoader({ defaultImport: "url" }),
       // 生成 SVG 雪碧图
       createSvgIconsPlugin({
-        iconDirs: [resolve(root, "src/assets/icons")],
+        iconDirs: [resolve(root, "src/common/assets/icons")],
         symbolId: "icon-[dir]-[name]",
         // 自定义 SVGO 配置
         svgoOptions: {