安装tailwind

package.json

@@ -12,12 +12,16 @@
     "@ant-design/icons-vue": "^7.0.1",
     "ant-design-vue": "^4.1.1",
     "axios": "^1.6.7",
+    "flowbite": "^2.3.0",
     "vue": "^3.3.11",
     "vue-request": "^2.0.4",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.2",
+    "autoprefixer": "^10.4.18",
+    "postcss": "^8.4.35",
+    "tailwindcss": "^3.4.1",
     "unplugin-vue-components": "^0.26.0",
     "vite": "^5.0.10"
   }

src/MainPage/Index.vue

@@ -6,7 +6,6 @@
       <a-button style="color: white" type="text" @click="$router.push('/login')">登录</a-button>
       <a-button style="color: white" type="text" @click="$router.push('/register')">注册</a-button>
     </div>
-
   </div>
 </template>
 <script setup>

src/index.css

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

src/main.js

@@ -3,6 +3,7 @@ import Antd from 'ant-design-vue';
 import App from './App.vue'
 import router from './router'
 import 'ant-design-vue/dist/reset.css';
+import './index.css'
 
 const app = createApp(App)