64 lines
1.1 KiB
JavaScript
64 lines
1.1 KiB
JavaScript
module.exports = {
|
|
content: [
|
|
'./src/pages/**/*.tsx',
|
|
'./src/components/**/*.tsx',
|
|
'./src/layouts/**/*.tsx',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
keyframes: {
|
|
// 变大变小动画
|
|
scale: {
|
|
'0%, 100%': {
|
|
transform: 'scale(0.9)',
|
|
},
|
|
'40%': {
|
|
transform: 'scale(1.0)',
|
|
},
|
|
'70%': {
|
|
transform: 'scale(0.9)',
|
|
},
|
|
},
|
|
// 从上方掉下来，然后在反弹回来
|
|
bounceIn: {
|
|
'0%': {
|
|
transform: 'translateY(-200px)',
|
|
},
|
|
'80%': {
|
|
transform: 'translateY(100px)',
|
|
},
|
|
'100%': {
|
|
transform: 'translateY(0)',
|
|
},
|
|
},
|
|
// 购买记录动画
|
|
record: {
|
|
'0%': {
|
|
transform: 'translate(0, 30px)',
|
|
},
|
|
'100%': {
|
|
transform: 'translate(0, calc(30px - 100%))',
|
|
},
|
|
},
|
|
},
|
|
colors: {
|
|
brand: {
|
|
100: '#FEF7D8',
|
|
200: '#FEECB2',
|
|
300: '#FEDE8C',
|
|
400: '#FED16F',
|
|
500: '#FEBB40',
|
|
600: '#DA972E',
|
|
700: '#B67620',
|
|
800: '#935814',
|
|
900: '#79430C',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
corePlugins: {
|
|
// preflight: false,
|
|
divideStyle: true,
|
|
},
|
|
};
|