diff --git a/src/main.ts b/src/main.ts
index d29c5c5a..73431767 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -15,6 +15,8 @@ import '@/styles/index.scss';
 import 'element-plus/theme-chalk/index.css';
 import 'element-plus/theme-chalk/dark/css-vars.css';
 
+import 'uno.css';
+
 const app = createApp(App);
 // 自定义指令
 import * as directive from '@/directive';
diff --git a/vite.config.ts b/vite.config.ts
index fa502f91..2a453b75 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -11,6 +11,8 @@ import IconsResolver from 'unplugin-icons/resolver';
 
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
 
+import UnoCSS from 'unocss/vite';
+
 import path from 'path';
 const pathSrc = path.resolve(__dirname, 'src');
 
@@ -30,7 +32,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
         scss: {
           javascriptEnabled: true,
           additionalData: `
-            @use "@/styles/variables.module.scss" as *;
+            @use "@/styles/variables.scss" as *;
           `
         }
       }
@@ -54,6 +56,9 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
     },
     plugins: [
       vue(),
+      UnoCSS({
+        /* options */
+      }),
       AutoImport({
         // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
         imports: ['vue', '@vueuse/core'],