diff --git a/src/App.vue b/src/App.vue
index dca8c8e..f82fe70 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,19 +11,4 @@
     console.log('App Hide');
   });
 </script>
-<style lang="scss">
-  :not(not),
-  ::before,
-  ::after {
-    box-sizing: border-box;
-  }
-
-  /* 隐藏scroll-view的滚动条 */
-  ::-webkit-scrollbar {
-    display: none;
-    width: 0 !important;
-    height: 0 !important;
-    -webkit-appearance: none;
-    background: transparent;
-  }
-</style>
+<style lang="scss"></style>
diff --git a/src/assets/style/main.scss b/src/assets/style/main.scss
new file mode 100644
index 0000000..32d3d27
--- /dev/null
+++ b/src/assets/style/main.scss
@@ -0,0 +1,14 @@
+:not(not),
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+/* 隐藏scroll-view的滚动条 */
+::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+  -webkit-appearance: none;
+  background: transparent;
+}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index a637c04..7928ea3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -23,6 +23,13 @@ export default defineConfig({
       cache: false,
     }),
   ],
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: '@import "@/assets/style/main.scss";',
+      },
+    },
+  },
   resolve: {
     alias: {
       '@': resolve('./src'),