- 移除 BestSellers 组件中多余的 SCSS 样式,改用 TailwindCSS 工具类规范字体大小和颜色 - 替换 BestSellers.tsx 中对应元素的样式类为 TailwindCSS 实现,提升样式一致性和维护性 - 调整 CatalogShowcase 组件样式,删除不必要的 SCSS 样式,增加内边距并修改书本尺寸,整体优化布局 - CatalogShowcase.tsx 中相关文本和图形元素改为 TailwindCSS 实现,规范字体大小、颜色和间距 - ContactSection 组件部分样式移除过
29 lines
693 B
JavaScript
29 lines
693 B
JavaScript
// tailwind.config.js
|
|
module.exports = {
|
|
content: ['./src/**/*.{js,jsx,ts,tsx}'],
|
|
darkMode: 'media', // or 'media' or 'class'
|
|
theme: {
|
|
extend: {
|
|
fontSize: {
|
|
'15': '15px',
|
|
'17': '17px',
|
|
'28': '28px',
|
|
},
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {},
|
|
},
|
|
plugins: [],
|
|
corePlugins: {
|
|
// 禁用微信小程序不支持的功能
|
|
preflight: false, // 禁用默认样式重置
|
|
// 禁用包含复杂选择器的插件
|
|
space: false, // 禁用 space-x, space-y 等(包含 :not([hidden]) 选择器)
|
|
divideWidth: false, // 禁用 divide-x, divide-y 等
|
|
divideColor: false,
|
|
divideStyle: false,
|
|
divideOpacity: false,
|
|
},
|
|
};
|