Skip to content

[Bug]: 组合形式类名不生效 #909

@Half-Sugar-Code

Description

@Half-Sugar-Code

weapp-tailwindcss 版本

5.0.4

tailwindcss 版本

^4.3.0

框架 & 小程序平台

taroV4 - React - Webpack

最小复现bug的代码仓库链接

No response

复现bug的步骤

现在存在相同的 Issues#625, 组合类名在小程序编译结果和Web端存在不同。

小程序

.rotate-y-90 {
    --tw-rotate-y:  rotateY(90deg);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}

Web

.rotate-y-90 {
    --tw-rotate-y: rotateY(90deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

差异点

  1. 生成的组合类名不一样,小程序的组合类名的逗号后面少一个空格 var(--tw-rotate-y, )
  2. 小程序生成的类名默认值为 initail,Web端为 未定义(这个是差异点,但不影响最终的效果)

预期是什么?

和Web端保持一致

实际发生了什么?

这样生成的类名在小程序开发者工具上不生效

运行环境

其他附加信息

No response

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions