feat: 重构样式文件，删除不必要的样式并更新路径配置

src/assets/styles/main.less

@@ -1,16 +0,0 @@
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 1rem;
-  font-weight: normal;
-}
-
-.green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-  padding: 3px;
-}
-.green:hover {
-  background-color: hsla(160, 100%, 37%, 0.2);
-}

src/layouts/default-layout.vue

@@ -4,22 +4,3 @@
 </template>
 
 <script setup lang="ts"></script>
-
-<style>
-.layout-tip {
-  position: fixed;
-  top: 1rem;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 9999;
-  background-color: #fafafa;
-  border: 1px solid #ccc;
-  padding: 1rem;
-  border-radius: 0.5rem;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-  text-transform: uppercase;
-  opacity: 0.8;
-  background: rgba(255, 255, 255, 0.5); /* 半透明白色背景 */
-  backdrop-filter: blur(5px); /* 背景模糊 */
-}
-</style>

src/main.ts

@@ -1,4 +1,4 @@
-import './assets/styles';
+import './styles';
 
 import App from './App.vue';
 

src/pages/data-loaders.[id]/sub-1.[userId].page.vue

@@ -181,3 +181,8 @@ code {
   }
 }
 </style>
+
+<route lang="yaml">
+meta:
+  layout: second
+</route>

src/styles/index.ts

@@ -1,9 +1,9 @@
 import 'nprogress/nprogress.css'; // <link rel="stylesheet" href="https://testingcf.jsdelivr.net/npm/nprogress/nprogress.css" />
 
-import './main.less';
-
 import '@unocss/reset/tailwind-compat.css'; // https://unocss.dev/guide/style-reset#tailwind-compat // <link rel="stylesheet" href="https://testingcf.jsdelivr.net/npm/@unocss/reset/tailwind.min.css" />
 
+import './main.less';
+
 import 'primeicons/primeicons.css';
 import './reset-primevue.css';
 

src/styles/main.less

@@ -0,0 +1,34 @@
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 1rem;
+  font-weight: normal;
+}
+
+.green {
+  text-decoration: none;
+  color: hsla(160, 100%, 37%, 1);
+  transition: 0.4s;
+  padding: 3px;
+}
+.green:hover {
+  background-color: hsla(160, 100%, 37%, 0.2);
+}
+
+
+.layout-tip {
+  position: fixed;
+  top: 1rem;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 9999;
+  background-color: #fafafa;
+  border: 1px solid #ccc;
+  padding: 1rem;
+  border-radius: 0.5rem;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  text-transform: uppercase;
+  opacity: 0.8;
+  background: rgba(255, 255, 255, 0.5); /* 半透明白色背景 */
+  backdrop-filter: blur(5px); /* 背景模糊 */
+}

vite.config.plugins.ts

@@ -51,7 +51,7 @@ export function Plugins() {
     // https://github.com/JohnCampionJr/vite-plugin-vue-layouts?tab=readme-ov-file#configuration
     Layouts({
       defaultLayout: 'default-layout',
-      pagesDirs: ['src/pages'],
+      pagesDirs: [],
     }),
 
     // https://github.com/antfu/unocss