feat: add unocss

uno.config.ts

@@ -0,0 +1,38 @@
+import { presetWind3 } from "@unocss/preset-wind3";
+import {
+  defineConfig,
+  presetIcons,
+  transformerDirectives,
+  transformerVariantGroup,
+} from "unocss";
+
+export default defineConfig({
+  presets: [
+    presetWind3(),
+    presetIcons(),
+  ],
+  transformers: [
+    transformerDirectives({
+      applyVariable: ["--at-apply", "--uno-apply", "--uno"],
+    }),
+    transformerVariantGroup(),
+  ],
+  shortcuts: {
+    "flex-center": "flex items-center justify-center",
+    "flex-col-center": "flex flex-col items-center justify-center",
+  },
+  // 为 Ionic 添加 CSS 变量支持
+  theme: {
+    colors: {
+      primary: "var(--ion-color-primary)",
+      secondary: "var(--ion-color-secondary)",
+      tertiary: "var(--ion-color-tertiary)",
+      success: "var(--ion-color-success)",
+      warning: "var(--ion-color-warning)",
+      danger: "var(--ion-color-danger)",
+      light: "var(--ion-color-light)",
+      medium: "var(--ion-color-medium)",
+      dark: "var(--ion-color-dark)",
+    },
+  },
+});