赵忠林
24c6e3aa9f
refactor(tailwind.config.js): 禁用部分Tailwind CSS类以解决微信小程序兼容性问题 为了解决微信小程序中的兼容性问题，禁用了以下Tailwind CSS类： - `gap`：微信小程序不支持 gap 属性- `lineClamp`：微信小程序不支持 line-clamp 类 - `textIndent`：禁用 text-indent - `writingMode`：禁用 writing-mode - `hyphens`：禁用 hyphens ```
36 lines
1.4 KiB
JavaScript
36 lines
1.4 KiB
JavaScript
// tailwind.config.js
|
|
module.exports = {
|
|
content: ['./src/**/*.{js,jsx,ts,tsx}'],
|
|
darkMode: 'media', // or 'media' or 'class'
|
|
// 禁用 important 语法，微信小程序不支持 .\! 这样的选择器
|
|
theme: {
|
|
extend: {},
|
|
},
|
|
variants: {
|
|
// 禁用所有变体，避免生成微信小程序不支持的选择器
|
|
},
|
|
plugins: [],
|
|
corePlugins: {
|
|
// 禁用微信小程序不支持的功能
|
|
preflight: false, // 禁用默认样式重置
|
|
// 禁用包含复杂选择器的插件
|
|
space: false, // 禁用 space-x, space-y 等（包含 :not([hidden]) 选择器）
|
|
divideWidth: false, // 禁用 divide-x, divide-y 等
|
|
divideColor: false,
|
|
divideStyle: false,
|
|
divideOpacity: false,
|
|
// 新增禁用项，解决微信小程序兼容性问题
|
|
gap: false, // 禁用 gap 类，因为微信小程序不支持 gap 属性
|
|
lineClamp: false, // 禁用 line-clamp 类，微信小程序不支持
|
|
textIndent: false, // 禁用 text-indent
|
|
writingMode: false, // 禁用 writing-mode
|
|
hyphens: false, // 禁用 hyphens
|
|
// 禁用所有可能包含问题的变体
|
|
visibility: false, // 禁用 visibility 相关类，避免生成 .\!visible
|
|
// 禁用伪类和交互变体，避免生成 .active\: 等选择器
|
|
scale: false, // 禁用 scale 相关类，避免生成问题选择器
|
|
transform: false, // 禁用 transform 相关类
|
|
transitionProperty: false, // 禁用 transition 相关类
|
|
},
|
|
};
|