feat: 重构样式导入，优化样式文件结构

src/assets/styles/index.ts

@@ -0,0 +1,6 @@
+import './main.css';
+
+import 'primeicons/primeicons.css';
+import './reset-primevue.css';
+
+import 'uno.css';

src/assets/styles/main.css

@@ -1,5 +1,3 @@
-@import './base.css';
-
 #app {
   max-width: 1280px;
   margin: 0 auto;
@@ -7,8 +5,6 @@
   font-weight: normal;
 }
 
-/* button:not(.van-button),
-a, */
 .green {
   text-decoration: none;
   color: hsla(160, 100%, 37%, 1);
@@ -18,5 +14,3 @@ a, */
 .green:hover {
   background-color: hsla(160, 100%, 37%, 0.2);
 }
-@media (hover: hover) {
-}

src/assets/styles/reset-primevue.css

@@ -24,3 +24,7 @@
 .p-fileupload-content .p-progressbar {
   --p-fileupload-progressbar-height: 1rem;
 }
+
+.p-dialog {
+  overflow: hidden;
+}

src/components/primevue/primevue.vue

@@ -6,6 +6,7 @@ import { openConfirm, openDialog, openToast } from './fns';
 
 <template>
   <div class="primevue py-4 flex items-start flex-wrap gap-6">
+    <ProgressSpinner class="w-6 h-6 m-0" />
     <FloatLabel>
       <InputText default-value="DEFAULT_VALUE" id="username" />
       <label for="username">Username</label>

src/main.ts

@@ -1,10 +1,4 @@
-import './assets/main.css';
+import './assets/styles';
-
-// TODO: 测试样式导入顺序问题。 <ProgressSpinner v-if="!isLoading" class="w-6! h-6! m-0!" />
-import 'primeicons/primeicons.css';
-import '../assets/reset-primevue.css';
-
-import 'virtual:uno.css';
 
 import { createHead } from '@unhead/vue';
 import { setupEruda } from './plugins/eruda';