mpx icon indicating copy to clipboard operation
mpx copied to clipboard

[Bug report] unocss translate-[-50%,-50%] 输出 css 异常

Open lp0124 opened this issue 9 months ago • 9 comments

通过最新 cli 创建的项目

<view class="list flex translate-[-50%,-50%]">
    <view wx:for="{{listData}}" wx:key="*this">{{item}}</view>
</view>
Image Image

lp0124 avatar Apr 11 '25 06:04 lp0124

正常应该是

Image

lp0124 avatar Apr 11 '25 06:04 lp0124

可以换种写法,-translate-x-50%,-translate-y-50%。 unocss有很多内置预设,mpx unocss 默认预设是基于windicss的验证的, windicss的文档外的写法不保证能支持。

cwyyue avatar Apr 11 '25 08:04 cwyyue

可以换种写法,-translate-x-50%,-translate-y-50%。 unocss有很多内置预设,mpx unocss 默认预设是基于windicss的验证的, windicss的文档外的写法不保证能支持。

Image Image

可是我看这两种写法都在 wind3 预设里呀

lp0124 avatar Apr 11 '25 09:04 lp0124

现在的问题在于这种写法能被规则匹配到,但是输出的样式不正确,确实是可以换种写法

lp0124 avatar Apr 11 '25 09:04 lp0124

可以换种写法,-translate-x-50%,-translate-y-50%。 unocss有很多内置预设,mpx unocss 默认预设是基于windicss的验证的, windicss的文档外的写法不保证能支持。

Image Image 可是我看这两种写法都在 wind3 预设里呀

这个是unocss 的预设文档,可以看windicss的文档https://cn.windicss.org/utilities/animations/transforms.html#transform-translate

cwyyue avatar Apr 11 '25 09:04 cwyyue

破案了,mpx 内部使用的 "@unocss/preset-uno": "0.52.7" 这个版本的预设存在这个问题

Image

lp0124 avatar Apr 11 '25 10:04 lp0124

[0.58.7](https://github.com/unocss/unocss/releases/tag/v0.58.7)

0.58.7 修复了这个问题

lp0124 avatar Apr 11 '25 10:04 lp0124

@hiyuki 有计划升级 unocss 版本到 0.59.2 么

lp0124 avatar Apr 12 '25 23:04 lp0124

应该可以,我们近期看一下

hiyuki avatar Apr 14 '25 07:04 hiyuki