51 lines
1.3 KiB
JavaScript
51 lines
1.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,vue}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// 旧系统色彩方案
|
|
'app-primary': '#3067EF',
|
|
'app-bg': '#F4F8FF',
|
|
'app-text': '#1f2329',
|
|
'app-text-secondary': '#646a73',
|
|
'app-text-disable': '#bbbfc4',
|
|
'app-border': '#dee0e3',
|
|
'app-white': '#ffffff',
|
|
'app-header-bg': '#F4F8FF',
|
|
'app-sidebar-bg': '#ffffff',
|
|
'app-card-bg': '#ffffff',
|
|
'app-hover': 'rgba(48, 103, 239, 0.06)',
|
|
'app-active': '#ECF2FF',
|
|
},
|
|
keyframes: {
|
|
'fade-in': {
|
|
'0%': { opacity: '0', transform: 'translateY(10px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
'bounce-short': {
|
|
'0%, 100%': { transform: 'translateY(0)' },
|
|
'50%': { transform: 'translateY(-10px)' },
|
|
},
|
|
},
|
|
animation: {
|
|
'fade-in': 'fade-in 0.3s ease-out',
|
|
'bounce-short': 'bounce-short 1s ease-in-out infinite',
|
|
},
|
|
fontFamily: {
|
|
'sans': ['PingFang SC', 'AlibabaPuHuiTi', 'sans-serif'],
|
|
},
|
|
fontSize: {
|
|
'base': '14px',
|
|
},
|
|
boxShadow: {
|
|
'app': '0px 2px 4px 0px rgba(31, 35, 41, 0.12)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|