diff --git a/postcss.config.js b/postcss.config.js index e3edee64..fa7d5e7d 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,9 +1,6 @@ // PostCSS 配置 - Tailwind CSS v4 -// 文档: https://tailwindcss.com/docs/upgrade-guide - module.exports = { plugins: { '@tailwindcss/postcss': {}, - // Tailwind v4 已内置 autoprefixer,不再需要单独配置 }, } diff --git a/src/styles/heroui.css b/src/styles/heroui.css index 02247dd1..6d347efa 100644 --- a/src/styles/heroui.css +++ b/src/styles/heroui.css @@ -2,13 +2,10 @@ /* 文档: https://v3.heroui.com/docs/quick-start */ /* - * 重要: Tailwind CSS v4 使用 @tailwind 指令 - * HeroUI v3 样式需要在 Tailwind 之后导入 + * Tailwind CSS v4 使用 @import 语法 + * 必须先导入 tailwindcss,再导入 HeroUI 样式 */ -@tailwind base; -@tailwind components; -@tailwind utilities; - +@import "tailwindcss"; @import "@heroui/styles"; /* diff --git a/tailwind.config.js b/tailwind.config.js.v3-backup similarity index 100% rename from tailwind.config.js rename to tailwind.config.js.v3-backup