35 lines
953 B
TypeScript
35 lines
953 B
TypeScript
import type { Config } from 'tailwindcss';
|
|
|
|
const config: Config = {
|
|
content: [
|
|
'./index.html',
|
|
'./src/**/*.{vue,js,ts,jsx,tsx}', // 扫描所有 Vue/TS/JS 文件，保证类名能被提取
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// 让 Tailwind 能直接用 Arco Design 的主题变量
|
|
primary: 'var(--color-primary)',
|
|
success: 'var(--color-success)',
|
|
warning: 'var(--color-warning)',
|
|
danger: 'var(--color-danger)',
|
|
},
|
|
borderRadius: {
|
|
// 覆盖 Tailwind 的圆角，用 Arco token
|
|
lg: 'var(--border-radius-medium)',
|
|
xl: 'var(--border-radius-large)',
|
|
},
|
|
fontSize: {
|
|
// 对齐 Arco Design 的字体大小
|
|
sm: 'var(--font-size-small)',
|
|
base: 'var(--font-size-body-3)',
|
|
lg: 'var(--font-size-title-2)',
|
|
},
|
|
},
|
|
},
|
|
darkMode: 'class', // 跟 Arco 的暗黑模式配合
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|