tailwind、lineAwesome配置

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/main.js

@@ -12,6 +12,10 @@ import "@/layouts/export";
 import "@/components";
 //引入全局时间组件
 import MenuTime from "@/components/Components/MenuTime.vue";
+//引入图标样式
+import "line-awesome/dist/line-awesome/css/line-awesome.css";
+//引入tailwindcss
+import "@/styles/tailwind.scss";
 /**
  * @copyright chuzhixin 1204505056@qq.com
  * @description 生产环境默认都使用mock，如果正式用于生产环境时，记得去掉

src/styles/tailwind.scss

@@ -0,0 +1,4 @@
+/* src/assets/tailwind.css */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

tailwind.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+  purge: [
+    "./src/**/*.html",
+    "./src/**/*.vue",
+    "./src/**/*.jsx",
+    "./src/**/*.js", // 添加 JS 文件支持
+  ],
+  darkMode: false,
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+};