56 lines
1.4 KiB
JavaScript
56 lines
1.4 KiB
JavaScript
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
export default {
|
||
|
|
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
// 自定义颜色（品牌色、功能色）
|
||
|
|
// colors: {
|
||
|
|
// primary: {
|
||
|
|
// // 主色调（比如后台常用的蓝色）
|
||
|
|
// 50: "#f0f9ff",
|
||
|
|
// 100: "#e0f2fe",
|
||
|
|
// 500: "#0ea5e9", // 常用主色
|
||
|
|
// 600: "#0284c7", // 加深主色
|
||
|
|
// },
|
||
|
|
// secondary: {
|
||
|
|
// // 辅助色（比如橙色）
|
||
|
|
// 500: "#f97316",
|
||
|
|
// },
|
||
|
|
// neutral: {
|
||
|
|
// // 中性色（背景、文本）
|
||
|
|
// 100: "#f8fafc",
|
||
|
|
// 200: "#e2e8f0",
|
||
|
|
// 700: "#334155",
|
||
|
|
// 900: "#0f172a",
|
||
|
|
// },
|
||
|
|
// },
|
||
|
|
// // 自定义间距（按 8px 基准，后台常用）
|
||
|
|
// spacing: {
|
||
|
|
// 1: "4px",
|
||
|
|
// 2: "8px",
|
||
|
|
// 3: "12px",
|
||
|
|
// 4: "16px",
|
||
|
|
// 5: "20px",
|
||
|
|
// 6: "24px",
|
||
|
|
// // ... 更多间距
|
||
|
|
// },
|
||
|
|
// // 自定义字体（后台常用无衬线字体）
|
||
|
|
// fontFamily: {
|
||
|
|
// sans: ["Inter", "system-ui", "sans-serif"],
|
||
|
|
// },
|
||
|
|
// // 自定义边框圆角
|
||
|
|
// borderRadius: {
|
||
|
|
// sm: "4px",
|
||
|
|
// md: "6px",
|
||
|
|
// lg: "8px",
|
||
|
|
// },
|
||
|
|
},
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
// require('tailwindcss-animate'), // 额外动画插件
|
||
|
|
],
|
||
|
|
corePlugins: {
|
||
|
|
preflight: false,
|
||
|
|
},
|
||
|
|
};
|