chore: tailwind CSS setup

biome.json

@@ -27,7 +27,8 @@
     "rules": {
       "recommended": true,
       "suspicious": {
-        "noExplicitAny": "off"
+        "noExplicitAny": "off",
+        "noUnknownAtRules": "off"
       },
       "correctness": {
         "useExhaustiveDependencies": "off",

config/config.ts

@@ -144,6 +144,7 @@ export default defineConfig({
     // 解决首次加载时白屏的问题
     { src: join(PUBLIC_PATH, 'scripts/loading.js'), async: true },
   ],
+
   //================ pro 插件配置 =================
   presets: ['umi-presets-pro'],
   /**
@@ -166,6 +167,7 @@ export default defineConfig({
       projectName: 'swagger',
     },
   ],
+
   mock: {
     include: ['mock/**/*', 'src/pages/**/_mock.ts'],
   },
@@ -181,4 +183,5 @@ export default defineConfig({
   define: {
     'process.env.CI': process.env.CI,
   },
+  tailwindcss: {},
 });

package.json

@@ -77,7 +77,8 @@
     "umi-presets-pro": "^2.0.3",
     "umi-serve": "^1.9.11",
     "@biomejs/biome": "^2.0.6",
-    "@types/node": "^24.0.10"
+    "@types/node": "^24.0.10",
+    "tailwindcss": "^3"
   },
   "engines": {
     "node": ">=20.0.0"

tailwind.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  content: ['./src/**/*.tsx'],
+};

tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;